Html风格改变

Question

我有8个这样的功能。我怎样才能改变所有按钮的样式（宽度，颜色等）？

function my(){document.getElementById("question1").innerHTML="THIS QUESTION"+
"</br>"
+"<button onclick=answer1() id=ques1 >first answ</button>"
+"<button onclick=answer2() id=ques2 >sec answer </button>";
document.getElementById("go").innerHTML="";
}

Answer 1

在您的javascript中，添加css

function my(){document.getElementById("question1").innerHTML="THIS QUESTION"+
"</br>"
+"<button css=‘btncss’ onclick=answer1() id=ques1 >first answ</button>"
+"<button css=‘btncss’ onclick=answer2() id=ques2 >sec answer </button>";
document.getElementById("go").innerHTML="";
}

并定义css

.btncss
{
   width:200px;
}

或者，如果您不想在javascript中添加css，请立即为所有按钮添加style

button
{
  width: 200px;
}

或者你可以使用input type= "submit"而不是button并为所有css添加一般buttons如果你不想在javascript中添加css到buttons

input[type="submit"]
{
    width:200px;
}

那么你的javascript会是这样的

function my(){document.getElementById("question1").innerHTML="THIS QUESTION"+
"</br>"
+"<input type='submit' onclick=answer1() id=ques1 value='first answ'>"
+"<input type='submit' onclick=answer2() id=ques2 value='sec answer'>";
document.getElementById("go").innerHTML="";
}

注意：像css这样的常规button将自动适用于引用它的html页面