首页 > 其他 > 详细

DOM

时间:2019-09-16 21:38:41      阅读:71      评论:0      收藏:0      [点我收藏+]

NODE.ELEMENT_NODE.......................................1

NODE.ATTRIBUTE_NODE....................................2

NODE.TEXT_NODE...............................................3

NODE.CDATA_SECTION_NODE.........................4

NODE.ENTITY_REFERENCE_NODE..................5

NODE.ENTITY_NODE..........................................6

NODE.PROCESSING_INSTRUCTION_NODE....7

NODE.COMMENT_NODE....................................8

NODE.DOCUMENT_NODE..................................9

NODE.DOCUMENT_TYPE_NODE.......................10

NODE.DOCUMENT_FRAGMENT_NODE............11

NODE.NOTATION_NODE......................................12

 

判断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")

 

document.anchors  包含文档中所有带name特性的<a>元素

document.applets 包含文档中所有的<applet>元素

document.forms 包含文档中所有的<form>元素

document.images 包含文档中所有的<img>元素

document.links 包含文档中所有带href特性的<a>元素

 

document.implementation.hasFeature DOM一致性检测,浏览器支持给定名称和版本的功能,返回true

DOM

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!