元素节点方法和属性

《元素节点方法和属性》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、http://www.hwua.comweb前端培训教程：元素节点方法和属性提供了比较方便简单的定位节点的方法和属性，以便我们快速的对节点进行操作。分别为：getElementById()、getElementsByTagName()、getElementsByName()、getAttribute()、setAttribute()和removeAttribute()。1.getElementById()方法getElementById()方法，接受一个参数：获取元素的ID。如果找到相应的元素则返回该

2、元素的HTMLDivElement对象，如果不存在，则返回null。document.getElementById('box');//获取id为box的元素节点http://www.hwua.comPS：上面的例子，默认情况返回null，这无关是否存在id="box"的标签，而是执行顺序问题。解决方法，1.把script调用标签移到html末尾即可；2.使用onload事件来处理JS，等待html加载完毕再加载onload事件里的JS。window.onload=function(){//预加载htm

3、l后执行document.getElementById('box');};PS：id表示一个元素节点的唯一性，不能同时给两个或以上的元素节点创建同一个命名的id。某些低版本的浏览器会无法识别getElementById()方法，比如IE5.0-，这时需要做一些判断，可以结合上章的浏览器检测来操作。if(document.getElementById){//判断是否支持getElementByIdalert('当前浏览器支持getElementById');}当我们通过getElementById()获

4、取到特定元素节点时，这个节点对象就被我们获取到了，而通过这个节点对象，我们可以访问它的一系列属性。http://www.hwua.comdocument.getElementById('box').tagName;//DIVdocument.getElementById('box').innerHTML;//测试Divdocument.getElementById('box').id;//获取iddocument.getElementById('box').id='person';//设置iddocu

5、ment.getElementById('box').title;//获取titledocument.getElementById('box').title='标题'//设置titledocument.getElementById('box').style;//获取CSSStyleDeclaration对象document.getElementById('box').style.color;//获取style对象中color的值document.getElementById('box').style.

6、color='red';//设置style对象中color的值document.getElementById('box').className;//获取classdocument.getElementById('box').className='box';//设置classalert(document.getElementById('box').bbb);//获取自定义属性的值，非IE不支持2.getElementsByTagName()方法http://www.hwua.comgetElements

7、ByTagName()方法将返回一个对象数组HTMLCollection(NodeList)，这个数组保存着所有相同元素名的节点列表。document.getElementsByTagName('*');//获取所有元素PS：IE浏览器在使用通配符的时候，会把文档最开始的html的规范声明当作第一个元素节点。document.getElementsByTagName('li');//获取所有li元素，返回数组document.getElementsByTagName('li')[0];//获取第一个l

8、i元素，HTMLLIElementdocument.getElementsByTagName('li').item(0)//获取第一个li元素，HTMLLIElementdocument.getElementsByTagName('li').length;//获取所有li元素的数目PS：不管是getElementById还是getElementsByTagName，在传递参数的时候，并不是所有浏览器都必须区分大小写，为了防止不必要的错误和麻烦，我们必须坚