JavaScript中獲取HTML元素值的三種方法
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)文章
Google (Local) Search API的簡單使用介紹
這篇文章主要介紹了Google (Local) Search API的簡單使用。需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11js計(jì)算兩個(gè)時(shí)間差 天 時(shí) 分 秒 毫秒的代碼
這篇文章主要介紹了js計(jì)算兩個(gè)時(shí)間差 天 時(shí) 分 秒 毫秒的實(shí)例代碼,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-05-05JavaScript原型繼承_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了JavaScript原型繼承的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06JavaScript實(shí)現(xiàn)帶標(biāo)題的圖片輪播特效
這里給大家分享的是4屏帶標(biāo)題和文字描述的js圖片輪播代碼,完美兼容IE6。圖片滾動(dòng)切換,鼠標(biāo)放到數(shù)字選項(xiàng)卡即可切換圖片。點(diǎn)擊圖片跳轉(zhuǎn)到指定頁面,有需要的小伙伴可以參考下。2015-05-05javascript中contains是否包含功能實(shí)現(xiàn)代碼(擴(kuò)展字符、數(shù)組、dom)
原生JS中是有contains方法的,但只有dom元素的包含關(guān)系,這里腳本之家就為大家分享一下擴(kuò)展的字符string與數(shù)組arr的擴(kuò)展代碼2020-04-04小程序使用watch監(jiān)聽數(shù)據(jù)變化的方法詳解
這篇文章主要介紹了小程序使用watch監(jiān)聽數(shù)據(jù)變化的方法詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09JS如何在不同平臺(tái)實(shí)現(xiàn)多語言方式
這篇文章主要介紹了JS如何在不同平臺(tái)實(shí)現(xiàn)多語言方式,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07