node 关系图 常用的节点值: nodeType 元素节点=1,元素表示各种标签元素,例如<p> <body><html>等等 未完待续 每个node 有个childNodes 的子节点集 常见方法: 以下前半段是参与与返回值 注:以下方法都必须有parentNode 属性才能进行操作。 appe ...
分类:
Web程序 时间:
2018-05-04 17:04:35
阅读次数:
310
在HTML DOM中每一部分都是节点: HTML元素是元素节点 HTML中属性是属性节点 文本是文本节点 注释是注释节点 这时我们要给它区分开我们就可以使用HTML DOM的nodeType属性 nodetype属性值把这些节点区分开: (参考w3school) ...
分类:
Web程序 时间:
2018-05-04 16:59:23
阅读次数:
195
1 // 获取dom树 2 var getElement = (node, array) => { 3 if (node && node.nodeType ===1){ 4 array.push(node.tagName) 5 } 6 for (let i=0;i{ 13 let html = do... ...
分类:
其他好文 时间:
2018-04-25 12:12:53
阅读次数:
183
functionloadNode(node){for(vari=0;i<node.childNodes.length;i++){if(node.childNodes[i].nodeType===1&&node.childNodes[i].childNodes.length>0){console.log(node.childNodes[i])loadNode(node.c
分类:
Web程序 时间:
2018-04-08 18:09:34
阅读次数:
202
上图是HTML DOM树 由图可知节点有三种:元素节点,属性节点,文本节点。这三种节点可以用element.nodeType来表示,如果是元素节点则返回值为1,属性节点返回2,文本节点返回3。 <script> function Fun(){ var Op=document.getElementBy ...
分类:
Web程序 时间:
2018-04-07 20:59:41
阅读次数:
174
获取子节点 1. children 不是标准的dom属性,但是几乎被所有浏览器支持。获取子元素的元素节点(只包括元素节点) 注意:在IE中,children包含注释节点。 2. childNodes 是标准属性。返回所有子节点。包括文本节点。 注意: (1)nodeType 放回节点类型的值,一般是 ...
分类:
Web程序 时间:
2018-02-23 13:25:35
阅读次数:
260
"在线预览" 方法 使用nodeType判断类型,在allChildNodes方法内建立递归函数将allCN封装在方法内。 ...
分类:
其他好文 时间:
2018-02-12 23:42:38
阅读次数:
388
DOM node类型(基本类型,以下其他类型的鼻祖) 1、nodeType parentNode:父节点 childNodes:子节点(理解成一个数组) someNode.firstChild == someNode.childNodes[0]; someNode.lastChild == some ...
分类:
其他好文 时间:
2018-01-29 22:37:29
阅读次数:
259
①、创建一个元素节点: createElement(): 按照给定的标签名创建一个新的元素节点. 方法只有一个参数:被创建的元素节点的名字, 是一个字符串. 方法的返回值:是一个指向新建节点的引用指针. 返回值是一个元素节点, 所以它的 nodeType 属性值等于 1. 新元素节点不会自动添加到文 ...
分类:
编程语言 时间:
2018-01-28 16:37:02
阅读次数:
158
.attr()与.removeAttr() 每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息。如:在img元素中,src就是元素的特性,用来标记图片的地址。 操作特性的DOM方法主要有3个,getAttribute方法、setAttribute方法和removeAtt ...
分类:
其他好文 时间:
2018-01-17 00:03:24
阅读次数:
162