javascript - 我添加了javascript的按钮但不起作用

Question

<p id="para1">Hi</p>
<button onclick="style()">Submit</button>

<script>
function style(){
  var text= document.getElementById("para1").style.color="green";
}
</script>

我使用 javascript 添加了 html 代码。除按钮外，所有标题和 div 都可以正常工作。该按钮未添加或由于某些原因可能无法正常工作。请检查我的代码给出一些建议。当我使用与 html 相同的代码时，它运行良好。

标签： javascriptjavascript-objects

Answer 1

style在 JavaScript 中具有特殊含义，请使用其他名称作为函数的名称：

<p id="para1">Hi</p>
<button onclick="elementStyle()">Submit</button>

<script>
  function elementStyle(){
    document.getElementById("para1").style.color="green";
  }
</script>