JavaScript的document.write与PHP的echo不一样

我试图让JavaScript的document.write像PHP的echo一样工作。例如：

<?php

echo "
<style>
div {
border: 1px solid black;
}
<style>
";

?>

<div> Hello </div>

在PHP中工作正常，div周围的边框为1px纯黑色。但是在JavaScript中：

<script>

document.write("
<style>
div {
border: 1px solid red;
}
<style>
");

</script>

<div> Hello </div>

---

它不起作用，也不会使div周围的边框变成1px纯黑色。我想知道是否可以用JavaScript做同样的事情，如果可以，我做错了什么以及如何修复它。

我在JavaScript代码中看到两个错误。首先，您不能在代码中使用新行。它需要覆盖一行，或者通过结束字符串，然后在下一行使用+来连接

您也没有关闭样式标记，这会中断最终输出

以下代码适用于我：

<script type="text/javascript">

document.write("<style>div {border: 1px solid red;}</style>");

</script>

<div> Hello </div>

或者，如上所述，使用字符串连接：

<script>

document.write(
    "<style>"
    +"div {"
    +"border: 1px solid red;"
    +"}"
    +"</style>"
);

</script>

<div> Hello </div>

---

我在javascript代码中看到两个错误。首先，您不能在代码中使用新行。它需要覆盖一行，或者通过结束字符串，然后在下一行使用+来连接

您也没有关闭样式标记，这会中断最终输出

以下代码适用于我：

<script type="text/javascript">

document.write("<style>div {border: 1px solid red;}</style>");

</script>

<div> Hello </div>

或者，如上所述，使用字符串连接：

<script>

document.write(
    "<style>"
    +"div {"
    +"border: 1px solid red;"
    +"}"
    +"</style>"
);

</script>

<div> Hello </div>

---

只需按如下方式创建无样式div：

<div id="box1"></div>

document.getElementById('box1').style.cssText = 'background-color:black;height:50px;';

有了jQuery，就更容易了：

HTML:

---

只需按如下方式创建无样式div：

<div id="box1"></div>

document.getElementById('box1').style.cssText = 'background-color:black;height:50px;';

有了jQuery，就更容易了：

HTML:

---

我看不出在PHP中有一个没有回音的div是可行的。@Fred ii-不是在PHP中。在PHP之外，脚本内部的样式标签，以及脚本外部的div。@TomFenech您猜对了-不确定，但我认为javascript是在页面加载之后发生的，所以在大多数用户开启JS的今天，样式不会更新。话虽如此，屏幕宽度的东西不需要JS。使用CSS。这应该是计划A@frostyI不可能看到在PHP中有一个div而没有回音会起作用。@Fred ii-不在PHP中。在PHP之外，脚本内部的样式标签，以及脚本外部的div。@TomFenech您猜对了-不确定，但我认为javascript是在页面加载之后发生的，所以在大多数用户开启JS的今天，样式不会更新。话虽如此，屏幕宽度的东西不需要JS。使用CSS。这应该是计划A@frostyIt必须全部在同一行上还是连接在一起？人，JavaScript使得使用它变得更不容易。JavaScript比PHP更严格，我认为它是非常灵活的，它必须在同一行上或连接在一起。人，JavaScript使得使用它变得更不容易。JavaScript比PHP更严格，我认为它是非常灵活的。