我有这个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”的值,并将其视为空。
我该怎么办?谢谢
答案 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内容