码迷,mamicode.com
首页 > 其他好文 > 详细

DOM

时间:2019-09-16 21:13:40      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:移除   array   nbsp   slice   false   type   image   als   ssi   

判断node类型: someNode.nodeType == 1

someNode.nodeName: 元素标签名

someNode.childNodes[0] (或someNode.childNodes.item(0)) 访问NodeList中的节点

将NodeList转换为数组: let arrayOfNodes = Array.prototype.slice.call(someNode.childNodes, 0)

someNode.nextSibling: 下一个节点

someNode.previousSibling: 上一个节点

someNode.firstChild = someNode.childNodes[0]

someNode.lastChild = someNode.childNodes[someNode.childNodes.length - 1]

someNode.parentNode: 父节点

someNode.hasChildNodes() : true, 包含子节点

someNode.appendChild(newNode) // 追加节点

someNode.insertBefore(newNode, someNode.childNodes[3]) // 前方插入节点

someNode.replaceChild(newNode, someNode.childNodes[3]) // 替换节点

someNode.remove(soneNode.childNodes[3]) // 移除节点

someNode.clone(true) //复制节点:true,深复制,false,浅复制

someNode.normalize() // 移除空的文本节点

查找元素

<img src="xxx" name="myImage">

var image = document.getElementsByTagName("img")

var myImage = image.namedItem("myImage")

 

DOM

标签:移除   array   nbsp   slice   false   type   image   als   ssi   

原文地址:https://www.cnblogs.com/hanxiaoer/p/11529955.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!