在家没事，简单总结了一下前端DOM操作网页的语法（01）

document.querySelector（‘选择器’）--获取单个元素

document.querySelectorAll（‘选择器’）--获取多个元素（可以用来获取数组对象）

innerText---操作文本

innerHTML---操作文本和标签

style---一般用来修改单个样式---用法：元素.style.样式名=样式值

className---修改多个样式---用法：元素.className = '类名'

classList----修改多个样式---用法：元素.classList

classList语法拓展：1.新增类名：   元素.classList.add('类名')
                                                     box.classList.add('two')

                             2.移除类名：   元素.classList.remove('类名')
                                                    box.classList.remove('one')

                             3.切换类名：  元素.classList.toggle('类名')
                                                    box.classList.toggle('one')

元素.value---控制表单内容

元素.disable---控制表单是否禁用

元素.checked：控制表单是否选中（radio与checkedbox）---单选框和多选框

元素.selected：控制表单是否选中（option）---下拉菜单

鼠标事件：                                                        键盘事件（针对表单输入框）：

1.鼠标单击：onclick                                          1.键盘输入：oninput 

2.鼠标双击：ondblclick

3.鼠标移入：onmouseenter

4.鼠标移出：onmouseleave

语法：事件源.事件类型=事件处理函数

举例：box.οnclick=function（）{
        alert（'大哥，给个赞呗'）
}