Question

所以我使用javascript为我的网站制作了一个插件，输出了一行代码.innerHTML =＆＃34; Test＆＃34 ;;

我可以使用CSS设置这个样式还是有其他方式？

Answer 1

我可以使用CSS
设置此样式吗？

是。编写一个与您在output中引用的元素匹配的选择器。

或者，在其中添加新元素并编写与其匹配的选择器。

还是有另一种方式吗？

没有任何理智。

Answer 2

你可以像这样直接写

output.innerHTML = "<p style='your styles'>Test</p>";

Answer 3

如果要设置附加到output元素的文本的样式，则应用CSS类或通过javascript编辑样式，例如执行以下操作：

output.style.color = "#FF0000";

会产生红色文字。

Answer 4

html

<html>
    <body>
      <div id="output"></div>
    </body>
</html>

和javascript

window.onload = function(){
  var output = document.getElementById('output');
  console.log(output);
  output.innerHTML = "test";
  output.style.color ="#ff0000";
};

将完成这项工作。 CODEPEN

请注意，始终使用window.onload或$(document).ready(function(){})作为jQuery等效项，以确保在执行javascript代码时DOM元素已存在。

如何设置javascript输出的样式？

4 个答案: