本文實(shí)例講述了javascript通過(guò)元素id和name直接取得元素的方法。分享給大家供大家參考。具體分析如下：
    我們知道一些第三方的js庫(kù)對(duì)如何快速選取html中的元素做了一些簡(jiǎn)化，貌似十分高深莫測(cè)，其實(shí)也不然。而且js本身自帶了對(duì)于特殊元素的簡(jiǎn)便選取的方法，下面就為大家簡(jiǎn)單介紹下。
    在html中，一般最直接的辨別html元素使用的是name和id屬性，兩者有著細(xì)微的不同：id必須頁(yè)面唯一，但name可以有重復(fù)。
    在js中如果id名稱(chēng)不和內(nèi)置屬性或全局變量重名的話(huà)，該名稱(chēng)自動(dòng)成為window對(duì)象的屬性，而在一個(gè)html頁(yè)面中的最頂層環(huán)境中有:
    this === window
    所以如果我們寫(xiě)一個(gè)如下的html元素代碼就可以這樣引用它：
    <input type="button" id="btn_ok" value="Ok" onclick="..." /> //可以這樣引用 btn_ok.onclick = function(){}; //或者下面也是一樣的 window.btn_ok.style = ...;
    對(duì)于name屬性來(lái)說(shuō)，只有某些類(lèi)型的html元素具有類(lèi)似的方法，比如：form,img,iframe,applet,embed,object等。在這些元素中可以通過(guò)全局變量或者document的屬性來(lái)訪問(wèn)特定name屬性的元素；如果相同name屬性的有多個(gè)元素，則返回一個(gè)NodeList的類(lèi)似只讀數(shù)組的對(duì)象,例如如下代碼:
    <div> <img name="pic" src="#" /> <img name="pic" src="#" /> <img name="pic" src="#" /> </div> //我們可以這樣引用name為pic的元素： for(x in pic) console.log(pic[x].alt); //或者是非"標(biāo)準(zhǔn)"語(yǔ)法each語(yǔ)句方式 for each(img in pic) console.log(img.alt);