时间戳

首页 > 解决方案 > 如何使用 Javascript 清除“innerHTML”？

javascript - 如何使用 Javascript 清除“innerHTML”？

问题描述

我有这个 HTML：

<div id = "options"></div>

我通过这个 Javascript 访问这个 div：

var test = "hola"; 
document.getElementById('options').innerHTML= 
<p>Test</p> <li>${test}</li>

我有这个按钮：

function click({
  document.getElementById("Click").addEventListener("click", function(){
  });
};
click();

我需要当那个名为“click”的函数自动执行时，它<li>可以清除变量的值：“test”，它看起来是空的。

我该怎么做？谢谢

标签： javascripthtml

解决方案

el.innerHTML是跟踪元素内显示的 HTML 文本值的属性。您可以随时将其设置为空。

试试这个示例 - https://jsitor.com/J0gXikZmV

<div id = "options"></div>

var test = "hola"; 
let el = document.getElementById("options");

el.innerHTML = "<p>Test</p> <li>${test}</li>";

el.addEventListener('click', () => {
  el.innerHTML = '';
})

这里它清除了 html 内容div

推荐阅读