一、获取和设置文本
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属性里(行内式),也只能获取到行内样式