为什么我的明确功能不起作用？

Question

function clear() {
document.getElementById("1").innerHTML = '';
document.getElementById("2").innerHTML = '';
document.getElementById("3").innerHTML = '';
}
<button onclick="clear()">Clear</button>

这是运行它的函数和我的按钮.该功能的目的是清除段落,但是当我测试它时按钮什么都不做.

为什么单击该按钮时此功能未运行？

编辑:对不起如果答案很明显,我是JS EDIT的初学者:HTML:

<p id="1"></p>
<p id="2"></p>
<p id="3"></p>

还有一个JS函数可以更改段落的文本,但它不会循环

Answer 1

不要命名该函数,clear因为DOM具有一个名为的旧全局方法clear.尝试一下像clearMe这样的东西

function clearMe() {
  document.getElementById("1").innerHTML = '';
  document.getElementById("2").innerHTML = '';
  document.getElementById("3").innerHTML = '';
}

<div id="1">
  foo
</div>
<div id="2">
  foo
</div>
<div id="3">
  foo
</div>
<button onclick="clearMe()">Clear</button>