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)文章
![JS實(shí)現(xiàn)留言板功能[樓層效果展示]](http://img.jbzj.com/images/xgimg/bcimg0.png)
小編最近在基于js實(shí)現(xiàn)留言板功能，實(shí)現(xiàn)的功能有發(fā)布人和發(fā)布內(nèi)容做非空校驗(yàn)，樓層效果展示和發(fā)布時(shí)間展示。具體實(shí)例代碼大家參考下本文2017-12-12
我們大家在做彈出層的時(shí)候，必不可少的一個(gè)元素就是蒙層，也就是遮罩層，當(dāng)彈出層滾動(dòng)的時(shí)候，蒙層底部的頁面一般是要求固定不動(dòng)的，所以這篇文章就來給大家介紹了如何禁止彈窗中蒙層底部頁面跟隨滾動(dòng)的幾種方法，需要的朋友可以參考下。2017-12-12
在JavaScript中，var用來聲明變量，但是這個(gè)語法并不嚴(yán)格要求，很多時(shí)修改，我們可以直接使用一個(gè)變量而不用var聲明它。2009-10-10
JavaScript中16進(jìn)制顏色與rgb顏色互相轉(zhuǎn)換的示例代碼
這篇文章主要介紹了JavaScript中16進(jìn)制顏色與rgb顏色互相轉(zhuǎn)換的示例代碼,通過示例代碼介紹了JS 顏色16進(jìn)制、rgba相互轉(zhuǎn)換問題,感興趣的朋友一起看看吧2024-01-01
用JavaScript和jQuery實(shí)現(xiàn)瀑布流
本篇文章主要介紹了用JavaScript和jQuery實(shí)現(xiàn)瀑布流的方法，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
JavaScript ES6常用基礎(chǔ)知識總結(jié)
ES6中為我們提供了很多好用的新特性,其中包括let,箭頭函數(shù)以及擴(kuò)展運(yùn)算符…等，以下就是總結(jié)的常用基礎(chǔ)知識2019-02-02
這篇文章主要介紹了js對象數(shù)組根據(jù)對象屬性刪除對象,需要的朋友可以參考下2023-07-07
Bootstrap每天必學(xué)之警告框插件,使用警告框（Alert）插件，您可以向所有的警告框消息添加可取消（dismiss）功能，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)請求封裝示例,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
JavaScript程序員應(yīng)該知道的45個(gè)實(shí)用技巧
在這篇文章中，我將分享一組JavaScript的技巧、竅門和最佳實(shí)踐，這些都是JavaScript程序員應(yīng)該知曉的，不管他們是使用在瀏覽器/引擎上，還是服務(wù)器端（SSJS——Service Side JavaScript）JavaScript解釋器上2014-03-03