欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript中獲取HTML元素值的三種方法

 更新時(shí)間:2016年06月20日 14:24:03   投稿:lijiao  
這篇文章主要為大家詳細(xì)介紹了JavaScript中獲取HTML元素值的三種方法,分享了JavaScript中取得元素的方法,感興趣的小伙伴們可以參考一下

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() 方法
可返回對擁有指定 ID 的第一個(gè)對象的引用。

語法:document.getElementById(id)

在 DOM 程序設(shè)計(jì)中,它的使用非常常見。您可以定義一個(gè)工具函數(shù),這樣您就可以通過一個(gè)較短的名字來使用 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;

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論