源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

基本DOM节点操作

  • 时间:2020-04-19 17:41 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:基本DOM节点操作
[b]1、获取元素节点[/b] getElementById():获取指定唯一id的元素。 getElementByTagName():获取指定元素标签名的元素数组。 getElementByName():获取具有指定属性name的元素数组。 [b]2、子节点[/b] element.childNodes:返回该元素的子节点数组。注意:换行在浏览器中作为text节点,需要进行过滤 element.firstChild:该元素的第一个子节点。 element.lastChild:该元素最后一个子节点。 [b]3、父节点[/b] element.parentNode [b]4、兄弟节点[/b] element.previousSibling:返回相同的树层级中的前一个节点,如果没有,则为null element.nextSibling:返回相同的树层级中的后一个节点,如果没有,则为null [b]5、创建节点[/b] createElement() 按指定标签名创建节点 [b]6、复制节点[/b] clonedNode = Node.cloneNode(boolean) 传入布尔值,true表示复制该节点下的所有子节点 [b]7、加入节点[/b] parentNode.appendChild(childNode) 将新节点加入到子节点末尾 parentNode.insertBefore(newNode, targetNode) 将newNode 加入到targNode之前 [b]8、移除目标节点[/b] parentNode.removeChild(childNode) [b]9、替换目标节点[/b] parentNode.replace(newNode, targetNode) 使用newNode 替换targetNode 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程素材网!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部