如何使用JavaScript清除“ innerHTML”?

时间:2019-01-08 18:58:10

标签: javascript html

我有这个HTML:

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

我可以通过以下Java语言访问该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”的值,并将其视为空。

我该怎么办?谢谢

1 个答案:

答案 0 :(得分:1)

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 = '';
})

这里清除了div的html内容