资源描述:
《javascript操作htmldom节点的基础教程_基础知识》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、JavaScript操作HTMLDOM节点的基础教程因为DOM的存在,这使我们可以通过JavaScript來获取、创建、修改、或删除节点。NOTE:下面提供的例子中的element均为元索节点。获取节点父子关系clement.parentNodeelement,firstChild/element.lastChildelement,childNodes/element.children兄弟关系element.prcviousSibling/clcment.ncxtSiblingelement.previousElementSibling/element・nextElementSibl
2、ing通过节点直接的关系获取节点会导致代码维护性大大降低(节点之间的关系变化会直接影响到获取节点),而通过接口则可以有效的解决此问题。通过节点直接的关系获取节点会导致代码维护性人人降低(节点之间的关系变化会直接影响到获取节点),而通过接口则可以有效的解决此问题。ELEMENT_NODE&TEXT_NODEFirstSecondThird
3、Fourth
IIcllo
varulNode=document・getElementsByTagName(〃ul〃)[0];console,log(ulNode.parentNode);//console,log(ulNode.previousElementSibling);//nullconsole.log(ulNode.nextElementSibling);//Hello
console,log(ulNode.firstElcmcntChild);4、//
Firstconsole.log(ulNode.lastElcmentChild);//<1i>Fourth