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;

有問題可以加群(164278718)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM