|
1.查询元素
1.1 document.querySelector('选择器')
1.2 document.querySelectorAll('选择器')
1.3 两者区别:
querySelector返回dom对象,可以修改dom
querySelectorAll返回数组,不能直接修改dom 必须要通过下标获取dom对象才可以。
2.元素属性操作
2.1 内容属性
元素.innerText:文本
元素.innerHTML:文本+标签
两者区别:innerText不可以解析标签
2.2 html属性:元素.属性名=属性值
a.href
img.src
2.3 样式属性
(1)单个样式:元素.style.属性名=属性值
(2)多个样式:className:元素.className='类名'
(3)classList语法:
元素.classList.add('类名')
元素.classList.remove('类名')
元素.classList.toggle('类名')
元素.classList.continst('类名')
3.表单元素特殊属性
3.1表单内容:表单元素.value
3.2表单布尔属性
disabled:
checked:
selected: |
|