元素节点方法和属性

元素节点方法和属性

ID:23209173

大小:225.09 KB

页数:6页

时间:2018-11-05

元素节点方法和属性_第1页
元素节点方法和属性_第2页
元素节点方法和属性_第3页
元素节点方法和属性_第4页
元素节点方法和属性_第5页
资源描述:

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

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,在传递参数的时候,并不是所有浏览器都必须区分大小写,为了防止不必要的错误和麻烦,我们必须坚

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。