Question

在内联元素中使用来自javascript的encase打印文本进行样式设计是不是很糟糕？如果是这样，javascript打印文本的样式是什么？

例如：

<script>
function produceMessage(){
    var msg= 'This should print';
    return msg;
}
</script>


<span style="color:red">script>
document.write(produceMessage());
</script></span>

编辑：Changed document.body.appendChild(document.createTextNode(produceMessage()));到d ocument.write(produceMessage());

Answer 1

在内联元素中使用来自javascript的encase打印文本进行样式设置是不是很糟糕？

一般来说，是的。通过HTML构建JavaScript。如果没有运行JavaScript，文档的一部分没有意义，那么它应该添加JavaScript而不是基本的HTML。

如果是这样，javascript打印文本的样式是什么？

生成适当的语义标记以及文本。（当HTML中没有任何内容描述您要添加的内容的语义时，Span是最后的手段。）

<span style="color:red"><script>document.body.appendChild(document.createTextNode(produceMessage()));

无论如何这都行不通。该文本将附加到<body>元素，因此不会在<span>内。

Answer 2

为<span>元素提供ID并使用innerHTML插入文本：

document.getElementById("element_id").innerHTML = "string";

<span id="element_id"></span>

在内联元素中使用encase javascript进行样式设计是不是不好的做法？

2 个答案: