DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中獲取HTML元素值的三種方法
JavaScript中獲取HTML元素值的三種方法
編輯:關於JavaScript     

JavaScript中取得元素的方法有三種:分別是:

1、getElementById() 方法:通過id取得HTML元素。

2、getElementsByName()方法:通過name取得元素,是一個數組。

3、getElementsByTagName()方法:通過HTML標簽取得元素,是一個數組。

如果要取得值可以使用value,如:var x=document.getElementById("id").value;

方法一:getElementById() 方法
可返回對擁有指定 ID 的第一個對象的引用。

語法:document.getElementById(id)

在 DOM 程序設計中,它的使用非常常見。您可以定義一個工具函數,這樣您就可以通過一個較短的名字來使用 getElementById() 方法了。

function id(x){

 if(typeof x == "string"){

 return document.getElementById(x);

 return x;

}

方法二:getElementsByName()方法
因為一個文檔中的 name 屬性可能不唯一(如 HTML 表單中的單選按鈕通常具有相同的 name 屬性),所有 getElementsByName() 方法返回的是元素的數組,而不是一個元素。

例如,下面的代碼可以獲得form中第一個name為“inputText”的元素

var myParagragh = document.getElementsByName("inputText")[0].value;

方法三:getElementsByTagName()方法
如果您非常了解文檔的結構,也可以使用 getElementsByTagName() 方法獲取文檔中的一個特定的元素。

例如,下面的代碼可以獲得文檔中的第二個段落的值:

var myParagragh = document.getElementsByTagName("p")[1].value;

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved