1.js Dom 获取元素
// 获取元素的方式
????????//?????根据 id 名称获取???document.getElementById('id名称')
????????//?????根据元素 类名 获取??document.getElementsByClassName('元素类名')
????????//?????根据元素 标签名 获取 document.getElementsByTagName('元素类名')
????????//?????根据 选择器 获取一个 document.querySelector('选择器')
????????//?????根据 选择器 获取一组 document.querySelectorAll('选择器')
2.操作元素属性
原生属性{ 获取:元素.属性名
????????设置:元素.属性名 = “属性值”
自定义属性{ 获取:元素.getAttribute('属性名')
???????????设置:元素.setAttribute("属性名,“属性值”")
???????????删除:元素.removeAttribute(“属性名”)
3.操作元素内容{ 文本内容:元素.innerText
?? ??? ??? ???超文本内容:元素.innerHTML
4.操作元素原生属性{获取:元素.属性名
?? ??? ??? ??? ??设置:元素.属性名 = ‘属性值’
5.操作元素自定义属性{ 获取:元素.getAttribute()
?? ??? ??? ??? ??? ?设置:元素.setAttribute()
?? ??? ??? ??? ??? ?删除:元素.removeAttribute()
6.操作元素类名{ 获取:元素.className
?? ??? ??? ??? 设置:元素.className = "新类名"
7.操作元素行内样式{获取:元素.style.样式名
?? ??? ??? ??? ??设置:元素.style.样式名 = ‘样式值’
|