1、双标签之间的内容
innerText：获取双标签之间的所有文本 不包括标签
textContent：获取双标签之间的所有文本 不包括标签
innerHTML：获取双标签之间的所有内容，包括标签，会自动解析成html元素
2、阻止a标签的跳转
第一种：给a标签价的点击事件里 return false
第二种：在a标签的href里写：javascript:void(0)
3、获取、设置、删除属性的方式
getAttribute('')：取值，能够获取本身有的属性和自定义属性，获取的一定是字符串，也只是行内的属性
setAttribute('','')：赋值，参数1：属性名，参数2：属性值
都是传入字符串，设置属性到标签行内，可数值html标准属性，也可设置自定义属性
removeAttribute：删除，删除的是行内的属性，彻底删除。
4、元素节点和属性节点
节点：网页上的标签、属性、文本、注释
元素：html里的标签
节点重要的三属性：nodeType：节点类型
nodeName：节点名称
nodyValue：节点的值（节点的内容）
元素节点：1 它的标签名 null
属性节点：2 它自己的属性名 它自己的属性值
文本节点：3 #text 文本的内容
注释节点：8 #comment 注释的内容
文档节点：9 #document null
5、获取所有的子节点和子元素
childNodes：获取所有的子节点（包括文本、元素、注释）
children：获取所有的子元素，IE8以后的版本，只会找到子元素，IE8以前还包括注释。
6、获取下一个兄弟节点和兄弟元素
nextSibling：获取下一个兄弟节点，包括空文本、非空文本、注释、元素
nextElementSibling：获取下一个兄弟元素，不包括文本、注释等。有兼容问题，看common.js
7、获取上一个兄弟节点和兄弟元素
previousSibling：获取上一个兄弟节点，包括空文本、非空文本、注释、元素
previousElementSibling：获取上一个兄弟元素，不包括文本、注释等。有兼容问题，看common.js
8、获取第一个子节点和第一个子元素
firstChild：找到第一个子节点，包括文本、注释等
firstElementChild：找到第一个子元素，不包括文本、注释等，IE8及以前不支持
9、获取最后一个子节点和子元素
lastChild：找到最后一个子节点，包括文本、注释等
lastElementChild：找到最后一个子元素，不包括文本、注释等，IE8及以前不支持
10、获取父节点
parentNode：获取到自己的父元素，没有兼容性问题
11、克隆元素
元素.cloneNode()：克隆元素，括号内传false为浅克隆，传true为深克隆，不传默认浅克隆
浅克隆：克隆出来不带标签内容，但包括所有标签内的属性
深克隆：所有内容都复制
克隆出来要加入到一个父元素里面，否则不会显示
网友评论