41，dom的概念和说明

DOM: Document Object Model 文档对象模型. 操作页面元素的增删改查
1. 获取需要操作的标签对象. 通过document对象获取
1) 通过id获取.
2) 通过class获取.(数组)
3) 通过标签名获取.(数组)
4) 通过name获取.(数组)
注1: js dom获取到的标签对象不是静态的.

2. 操作标签对象的属性和内容

//标签内容指的是闭标签之间的内容，<div>百度</div>，这里的百度就是内容
1) 操作标签的内容:
[1] 标签对象.innerHTML: 可以获取/改变标签的内容
[2] 标签对象.innerText: 只操作标签的文本内容
2) 操作value属性: 标签对象.value
3) 操作class属性: 标签对象.className
4) 操作样式属性: 标签对象.style.样式属性
注1: 样式属性名是js版的不是css原版的
css: background-color
js: backgroundColor
注2: 一般只用于赋值, 不用于取值
只能获取到行内样式的值
注3: 尽量避免使用此方式操作样式效果
操作的行内样式
5) 操作其它标签的固有属性:
6) 操作自定义属性:
7) 判断选项是否选中:
[1] 单选和多选的选中: 标签对象.checked
[2] 下拉框选项的选中: 标签对象.selected

3. 在页面上添加新标签
步骤:
1) 创建新标签对象
let new_标签名 = document.createElement("标签名");
2) 将新标签对象添加到页面指定位置
[1] 追加到指定的父元素末尾
父元素.appendChild(新元素);
[2] 插入到指定元素之前
父元素.insertBefore(新元素, 指定的子元素);
3) 设置新标签对象的属性和内容

4. 删除页面上的标签
父元素.removeChild(指定的子元素);