js DOM

根据id名称获取

语法：document,getElementById(‘id名称’)

作用：获取文档流中id名对应的一个元素

根源元素类名获取

语法：document.getElementsByClassName(‘元素类名’)

作用：获取文档流中所有类名对应的元素

根据元素标签名获取

语法：document.getElementsByTagName(‘标签名’)

作用：获取文档流中所有标签名对应的元素

根据选择器获取一个

语法：document.querySelector(‘选择器’)

作用：获取文档流中满足选择器规则的第一个元素

返回值：如果有选择器对应的元素，获取到第一个

根据选择器获取一组

语法：document.querySelectorAll(‘选择器’)

作用：获取文档流中所有满足选择器规则的元素

操作元素内容

操作元素文本内容

获取：元素.innerText

设置：元素.innerText = ‘新内容’

操作元素超文本内容

获取：元素.innerHTML

设置：元素.innerHTML = ‘新内容’

例如：‘内容’

操作元素属性

原生属性

获取：元素.属性名

设置：元素.属性名 = ‘属性值’

自定义属性

获取：元素.getAttribute(‘属性名’)

设置：元素.setAttribute(‘属性名’，‘属性值’)

删除：元素.removeAttribute(‘属性名’)

操作元素类名

获取：元素.className

设置：元素.className=‘新类名’

操作元素行内样式

获取：元素.style.样式名

设置：元素.style.样式名 = ‘样式值’

获取元素非行内样式

获取：window.getComputedStyle(元素).样式名

注意：可以获取行内样式，也可以获取非行内样式