Question

2020-01-21

1277

javascript html

我想在点击时更改按钮的颜色我使用了此代码，但它不起作用

onclick => myFunction();
function myFunction() {
  document.getElementById('#"+buttonId+"').style.color = "red";
}

Answer 1

我认为 buttonId 未定义或错误。

尝试此操作：

onclick => myFunction();

function myFunction() {
    var buttonId = 'myButton';
    document.getElementById(buttonId).style.color = "red";
}

以及 HTML 中的操作：

<button id="myButton">hello I am the button</button>

Answer 2

请尝试这个

function myFunction() {
    document.getElementById('myButton').style.color = "red";
}

<button id="myButton" onClick="myFunction()">Change Color</button>

Answer 3

const changeColor = ()=>{
  const button = document.getElementById('button');
  button.style.color = 'red'
}

<button id="button" onclick="changeColor()">Click me</button>