如何使用 JavaScript 清除 div 的内容?
JavaScript 提供了清除 div 内容的功能。有两种方法可以执行此函数,一种是使用innerHTML 属性,另一种是使用firstChild 属性和removeChild() 方法。
方法一:使用innerHTML 属性: DOM 的innerHTML 属性用于设置或返回元素的HTML 内容。此方法将 innerHTML 属性设置为无。
Clear the content of a div
using JavaScript
输出:
- 单击按钮之前:
- 点击按钮后:
方法二:使用 firstChild 属性和 removeChild() 方法: DOM 的 firstChild 属性用于返回其父节点元素的第一个子节点。它是只读属性,不返回文本节点和注释节点。 removeChild() 方法用于删除给定元素的指定子节点。如果节点不存在,它将删除的节点作为节点对象返回或返回 null。此方法使用 firstChild 属性返回第一个孩子,removeChild() 方法用于删除第一个孩子的内容。
Clear the content of a div
using JavaScript
输出:
- 单击按钮之前:
- 点击按钮后: