【JavaWeb】JS_DOM编程_操作元素属性_样式_文本

对元素进行操作

1. 操作元素的属性
2. 操作元素的样式
3. 操作元素的文本
4. 增删元素

目录

• 操作元素的属性
• 操作元素的样式
• 操作元素的文本
• • innerText
  • innerHTML
• 增删元素
• • 添加元素
  • • 最后添加一个子标签
    • 其他位置插入元素
  • 替换元素
  • 删除元素

操作元素的属性

元素名.属性名=""

操作元素的样式

元素名.style.样式名="" 样式名"-"要进行驼峰转换

操作元素的文本

innerText

只识别文本

innerHTML

同时识别html代码

增删元素

添加元素

最后添加一个子标签

其他位置插入元素

替换元素

删除元素

哪个元素调用了remove，哪个元素就会从dom树中移除

删除所有元素，方式一

方式二