单击功能更改属性（宽度）不起作用

Question

我开始向我的网站添加一些JS，但此功能有问题。它不起作用：

html：

<img class="button1" src="button1.svg" alt="" onclick="buttonclick()">

js：

function buttonclick(){
    document.getElementsByClassName("button1").style.setAttribute ("style", "width:500px");
}

Answer 1

您宁愿使用按钮的ID尝试以下操作：

<img id="button1" src="button1.svg" alt="" onclick="buttonclick()">

和：

function buttonclick(){
    document.getElementById("button1").css("width", "500px");
}