DOM – 操作元素内容
1. 元素.innerText属性
- 将文本内容添加/更新到任意标签位置
- 显示纯文本，不解析标签
2. 元素.innerHTML属性
- 将文本内容添加/更新到任意标签位置
- 会解析标签，多标签建议使用模板字符
DOM – 操作元素属性
操作元素常用属性
如href、title、src等
语法：对象.属性 = 值
操作元素样式属性
1. 通过style属性操作CSS
语法：对象.style.样式属性 = 值
如果属性有-连接符，需要转换为小驼峰命名法
2. 操作类名（className）操作CSS
语法：元素.className = '类名'
使用新值换旧值，如果需要添加一个类，需要保留之前的类名
3. 通过classList操作类控制CSS
语法：
追加一个类：元素.classList.add('类名')
删除一个类：元素.classList.remove('类名')
切换一个类：元素.classList.toggle('类名')判断有无，有就删掉，没有就加上
操作表单元素属性
获取：DOM对象.属性名 设置：DOM对象.属性名 = 新值
表单.value = '表单里的文字内容'
表单.type = 'password'
只接受布尔值：disabled、checked、selected true代表添加了该属性，false代表移除了该属性
自定义属性
- HTML5中推出了专门的data-自定义属性
- 在标签上一律以data-开头
- 在DOM对象上一律以.dataset对象方式获取