设置/修改DOM元素内容
document.write()方法
只能追加到body中
元素innerText属性
将文本内容添加/更新到任意标签位置
文本中包含的标签不会被解析
元素innerHTML属性
将文本内容添加/更新到任意标签位置
文本中包含的标签会被解析
设置/修改元素属性
设置修改元素常用属性
最常见的属性比如src,href,title等
语法:对象.属性=值
设置/修改元素样式属性
1通过style属性操作css
语法:对象.style.样式属性=值
2通过类名(className)操作css
如果修改的样式很多,直接通过style属性修改比较繁琐,我们可以借助css类名形式
把需要修改的全部用类选择器写在style标签里
3通过classList操作css
toggle:当有参数里的那个类时,将它移除,当没有时,将它追加进去
设置/修改表单元素属性
表单很多事也是需要修改属性的,比如点亮眼睛就可以看见密码,本质上是密码框变成了文本框
表单属性中添加就有效果,移除就没有效果,一律使用布尔值表示如果为 true 代表添加了该属性如果是 false 代表移除了该属性
比如: disabled 禁用按钮、 checked勾选复选框 、 selected勾选列表