javascript通过元素id和name直接取得元素的⽅法
联通上网设置本⽂实例讲述了javascript通过元素id和name直接取得元素的⽅法。分享给⼤家供⼤家参考。具体分析如下：最特别的生日礼物
我们知道⼀些第三⽅的js库对如何快速选取html中的元素做了⼀些简化，貌似⼗分⾼深莫测，其实也不然。⽽且js本⾝⾃带了对于特殊元素的简便选取的⽅法，下⾯就为⼤家简单介绍下。
在html中，⼀般最直接的辨别html元素使⽤的是name和id属性，两者有着细微的不同：id必须页⾯唯⼀，但name可以有重复。
在js中如果id名称不和内置属性或全局变量重名的话，该名称⾃动成为window对象的属性，⽽在⼀个html页⾯中的最顶层环境中有:
this === window
所以如果我们写⼀个如下的html元素代码就可以这样引⽤它：
<input type="button" id="btn_ok" value="Ok" onclick="..." />愚人节快乐
//可以这样引⽤
地球一小时宣传标语
lick = function(){};
//或者下⾯也是⼀样的
window.btn_ok.style = ...;
对于name属性来说，只有某些类型的html元素具有类似的⽅法，⽐如：form,img,iframe,applet,embed,object等。在这些元素中可以通过全局变量或者document的属性来访问特定name属性的元素；如果相同name属性的有多个元素，则返回⼀个NodeList的类似只读数组的对象，例如如下代码:
<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);
//或者是⾮"标准"语法each语句⽅式
for each(img in pic)
console.log(img.alt);
希望本⽂所述对⼤家的javascript程序设计有所帮助。