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

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

2、getElementsByName()方法：通過name取得元素，是一個(gè)數(shù)組。

3、getElementsByTagName()方法：通過HTML標(biāo)簽取得元素，是一個(gè)數(shù)組。

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

方法一：getElementById() 方法
可返回對(duì)擁有指定 ID 的第一個(gè)對(duì)象的引用。

語(yǔ)法：document.getElementById(id)

在 DOM 程序設(shè)計(jì)中，它的使用非常常見。您可以定義一個(gè)工具函數(shù)，這樣您就可以通過一個(gè)較短的名字來(lái)使用 getElementById() 方法了。

function id(x){ if(typeof x == "string"){ return document.getElementById(x); return x;}

方法二：getElementsByName()方法
因?yàn)橐粋€(gè)文檔中的 name 屬性可能不唯一（如 HTML 表單中的單選按鈕通常具有相同的 name 屬性），所有 getElementsByName() 方法返回的是元素的數(shù)組，而不是一個(gè)元素。

例如，下面的代碼可以獲得form中第一個(gè)name為“inputText”的元素

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

方法三：getElementsByTagName()方法
如果您非常了解文檔的結(jié)構(gòu)，也可以使用 getElementsByTagName() 方法獲取文檔中的一個(gè)特定的元素。

例如，下面的代碼可以獲得文檔中的第二個(gè)段落的值：

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。