日常的DOM语法总结

1.查询元素

   1.1 document.querySelector('选择器')

   1.2 document.querySelectorAll('选择器')

   1.3 两者区别：

     querySelector返回dom对象，可以修改dom

     querySelectorAll返回数组，不能直接修改dom 必须要通过下标获取dom对象才可以。

2.元素属性操作

   2.1 内容属性

      元素.innerText:文本

      元素.innerHTML:文本+标签

      两者区别：innerText不可以解析标签

   2.2 html属性：元素.属性名=属性值

       a.href

       img.src

   2.3 样式属性

       (1)单个样式：元素.style.属性名=属性值

       (2)多个样式：className：元素.className='类名'

       (3)classList语法：

       元素.classList.add('类名')

       元素.classList.remove('类名')

       元素.classList.toggle('类名')

       元素.classList.continst('类名')

3.表单元素特殊属性

   3.1表单内容：表单元素.value

   3.2表单布尔属性

         disabled:

         checked:

         selected: