javascript - 为通过 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>";

编辑:分号之前的 \ 表示代码中的下一个字符(分号)应被视为当前字符串的一部分。