為通過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

您忘記了將樣式值包裝在'或'中，請嘗試以下操作：

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