Question

我有这个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”的值，并将其视为空。

我该怎么办？谢谢

Answer 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内容

如何使用JavaScript清除“ innerHTML”？

1 个答案: