JS中DOM重点基础知识实验（全）

文档：一个页面就是一个文档。

元素：页面中所有的标签都是元素，也可以叫对象。

节点：页面中所有的内容都是节点，标签，属性，文本。

 

 

在JS中操作dom，设置css样式时，样式的名称如background-color，在js中一律用驼峰写法，backgroundColor

 

通过JS设置元素行内样式，操作style属性即可

 

 

通过JS设置元素的类样式，不用class关键字，应使用className

   

 

 

a 标签点击事件有默认的跳转，想要阻止默认的跳转，在点击事件函数的最后return false；

 

 

若点击事件函数中有多条语句执行，封装成函数的形式，应将函数返回，才能阻止a的默认跳转。

 

 

 

JS中的事件：onclick，onmouseover，onmouseout，onfocus，onblur等等。

 

原生JS选择器：

document.getElementById(),

document.getElementsByClassName(),

document.getElementsByTagName().

document.getElementsByName()

 

H5选择器：

document.querySelector(),

document.querySelectorAll()

 

 

TextContent与innerText

 

IE8不支持：textContent

 

 

InnerText和innerHTML

 

InnerText设置：按纯文本的方式解析内容，innerHTML设置：按html的方式解析内容

InnerText获取：不仅能获得当前元素的内容，还能获取子元素中的文本内容。

InnerHTML获取：同样能获取到子元素，但包含了子元素的标签

结果：

 

获取/设置/删除自定义(自带属性)属性：getAttribute()/setAttribute()/removeAttibute()

 

Tab的实现，