JavaScript 获取DOM元素及内容属性修改
dom获取的方法及介绍
dom对象的本质就是在操作页面的元素:
我们所需要做的事情就是通过浏览器提供的api获取到你想要的dom元素，调用浏览器提供的api进行元素的操作，操作dom对象的结果会体现到页面上
获取dom对象的方法:
querySlector获取的元素可以直接操作,如果没有获取到，就返回null.
querySelctorAll获取的元素是一个伪数组，需要遍历进行操作
innerText和innerHTML的区别
innerText：为元素设置标签之间的文本内容
特点：如果innerText或者innerHTML没有赋值，那么就是取值
innerText;不能对内容中的html标签结构进行解析，而是会原样输出
获取标签之间的文本内容，标签会被忽略
innerHTML;为元素设置标签之间的文本内容,如果内容中有html结构，会进行解析
可以获取标签之间的完整结构
className和classList的区别
className:是使用新值换旧值, 如果需要添加一个类,需要保留之前的类名修改大量样式的更方便
classList:是追加和删除不影响以前类名,可以实现追加,删除,切换;
追加:classList.add('新样式类名') 在经之前的样式的基础之上新增一个新的样式类名，“不影响”元素之前的样式
删除:classList.remove:移除指定名称的样式，不影响元素其它的样式类名
切换:classList.toggle:切换元素的样式，如果没有就添加，如果有就移除
判断:classList.contains:判断当前元素是否包含某个指定名称的样式，如果有就返回true,如果没有返回false
常规标签及表单属性
标签:
div p span：id class name style
a: href
img: src alt title
input: type max min maxlength value id name class
表单:
disabled 禁用
checked 选中
selected 下拉选中
value 输入框内容
