将样式属性设置为通过Write（）添加的元素

Question

我希望用户在按下图像后看到一个带有大文字的蓝色按钮。 我使用Write（）方法在javascript中编写了这段代码：

<script>
function DoThis()
{
s="<button style=background-color:#aaccdd font-size:50px >Hello</button>";
document.write(s);
}
</script>

我看到的只是一个蓝色按钮，但字体大小没有变化。我试图添加昏迷，分号等'但是没有它起作用。任何想法？

Answer 1

你需要为样式标签和分号分隔符引用：

s="<button style=\"background-color:#aaccdd;font-size:50px;\" >Hello</button>";

修改： 分号前面的\表示代码中的下一个字符（分号）应该被视为当前字符串的一部分。

Answer 2

你忘了把样式值换成＆＃39;或＆＃34;，试试这个：

<script>
function DoThis()
{
s='<button style="background-color:#aaccdd; font-size:50px;" >Hello</button>';
document.write(s);
}
</script>