1.获取一个元素
语法:document.getElementById('ID名') 根据Id获取元素
语法:document.getElementsByClassName('元素类名') 根据类名获取多个元素 ,返回值伪数组
语法:document.getElementsByTagName('标签名') 获取所有标签名对应的元素,返回值伪数组
语法:document.querySelector('选择器') 获取文档流中满足选择器规则的第一个元素
语法:document.querySelectorAll('选择器') 获取文档中所有满足选择器条件规则的元素 返回值是一个伪数组
2.操作元素文本内容
语法:元素.innerText //获取
语法:元素.innerText= '新内容' //设置
3.操作超文本内容
语法:元素.innerHTML //获取内容
语法:元素.innerHTML='新内容' //设置内容
4.操作元素的属性
操作原生属性
语法:元素.属性名 //获取
语法:元素.属性名='属性值' //设置
操作自定义属性
语法:元素.getAttribute('属性名') //获取
语法:元素.setAttribute('属性名','属性值) //设置
语法:元素.removeAttribute('属性名') //删除
5.操作元素类名
语法:元素.className //获取
语法:元素.className= '新类名' //设置
6.操作元素行内样式
语法:元素.style.样式名 //获取
语法:元素.style.样式名 = '样式值' //设置
语法:window.getComputedStyle(元素).样式名 //可以获取行内样式,也可获取非行内样式