亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

javascript通過元素id和name直接取得元素的方法

 更新時(shí)間：2015年04月28日 12:18:32   作者：大熊貓侯佩  
這篇文章主要介紹了javascript通過元素id和name直接取得元素的方法,涉及javascript獲取元素的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了javascript通過元素id和name直接取得元素的方法。分享給大家供大家參考。具體分析如下：

我們知道一些第三方的js庫對(duì)如何快速選取html中的元素做了一些簡(jiǎn)化，貌似十分高深莫測(cè)，其實(shí)也不然。而且js本身自帶了對(duì)于特殊元素的簡(jiǎn)便選取的方法，下面就為大家簡(jiǎn)單介紹下。

在html中，一般最直接的辨別html元素使用的是name和id屬性，兩者有著細(xì)微的不同：id必須頁面唯一，但name可以有重復(fù)。

在js中如果id名稱不和內(nèi)置屬性或全局變量重名的話，該名稱自動(dòng)成為window對(duì)象的屬性，而在一個(gè)html頁面中的最頂層環(huán)境中有:

this === window

所以如果我們寫一個(gè)如下的html元素代碼就可以這樣引用它：

<input type="button" id="btn_ok" value="Ok" onclick="..." />
//可以這樣引用
btn_ok.onclick = function(){};
//或者下面也是一樣的
window.btn_ok.style = ...;

對(duì)于name屬性來說，只有某些類型的html元素具有類似的方法，比如：form,img,iframe,applet,embed,object等。在這些元素中可以通過全局變量或者document的屬性來訪問特定name屬性的元素；如果相同name屬性的有多個(gè)元素，則返回一個(gè)NodeList的類似只讀數(shù)組的對(duì)象,例如如下代碼:

<div>
  <img name="pic" src="#" alt="pic_0" />
  <img name="pic" src="#" alt="pic_1" />
  <img name="pic" src="#" alt="pic_2" />
</div>
//我們可以這樣引用name為pic的元素：
for(x in pic)
 console.log(pic[x].alt);
//或者是非"標(biāo)準(zhǔn)"語法each語句方式
for each(img in pic)
 console.log(img.alt);

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論