2021-08-02

            一丶获取HTML元素的方法 

       1.通过元素的ID                  document.getElementById ( " id名 " )

       2.通过元素的类名              document.getElementByclassName（“.类名”）

       3.通过元素的标签获取      document.getElementByTagName（“标签名”）

       4.通过元素的属性名          document.getElementName（“属性名”）   多用于input标签里面

       5.通过   document.querySelector("#id")        获取单个元素

          通过   document.querySelectorAll              获得一个同类标签的集合

二丶操作HTML的内容

        1.元素.innerHTML="元素的内容"

        2.元素.innerText=“元素的内容”

        3.元素.value=“属性值”        多用于 input

三丶操作元素的属性

        1.添加属性           元素.setArrtribute=("属性名"，”属性值”)   =>类名除外（class）

        2.获取属性           元素.getAttribute（“属性名”）

        3.删除属性           元素.removeArrtibute("要删除的属性名")

四丶操作类名的方法

        1.设置类名           元素.className =“ 类名 ”

        2.添加类名           元素.classList.add("类名")

        3.删除类名           元素.classList.remove("要删除的类名")

        4.切换类名           元素.classList.toggle("要切换的类名")        

                                    类名存在就删除，再添加

                                    类名不存在就直接添加

5.操作元素的样式

        1.获取元素的属性     元素.window.getComputedStyle(元素).属性    返回属性值        

               IE低版本写法     元素.currentStyle.属性            返回属性值    

        2.操作元素的样式     元素.style.属性=“属性值”

                        

                                           

案例：1.全选框

            2.选项卡