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 相同的代码时，它工作得很好。

Answer 1

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

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

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