JavaScript之DOM

一、获取和设置文本

7.1 innerHTML

用来获取或者设置某个元素的内容（包括标签和文本）

如果有标签，会如实获取到，如果没有标签，会得到文本

 

用来设置内容的时候，如果有标签，会被解析成标签

 

兼容性：

所有的主浏览器都支持

7.2 innerText

用来获取或者设置某个元素内部的文本（不能得到标签）

 

 

在设置的时候，如果是文本，那么就被直接放到元素内部，如果是标签，会进行转义，转义成浏览器所认识的html的转义字符，从而在页面中看起来是大于号、小于号之类的东西

 

兼容性：

早期的火狐，不支持innerText，支持的是textContent

二、DOM操作元素的样式

8.1 className

使某个元素的className属性等于我们之前在css里面准备好的class

 

 

要注意，和css要配合起来使用

8.2 style

直接通过对象.style.属性的方式来控制每个元素的样式

 

 

注意点：

1 属性的书写

两种：

a) 如果属性只要一个单词，这个单词可以直接写出来并且是小写的

比如：color、border

b）如果属性有多个单词，要把写在css里的横杠去掉，然后根据驼峰命名的方式来写对应的属性

比如：

在css当中，backgrond-color，在js的style当中，变成：backgroundColor

 

2 如果要重置，就让某个属性赋值为空的字符串就可以了

 

3 实际作用在标签的style属性里（行内式），也只能获取到行内样式