一丶获取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.选项卡