如何设置javascript输出的样式？_Javascript_Html_Css

如何设置javascript输出的样式？

javascript html css

如何设置javascript输出的样式？,javascript,html,css,Javascript,Html,Css,所以我用javascript为我的网站制作了一个插件，其中一行代码是output.innerHTML=“Test” 我可以用CSS来设计这个样式，还是有其他方法我可以用CSS设计这个样式吗对。编写一个与您在输出中有引用的元素匹配的选择器或者，在其中添加新元素并编写与之匹配的选择器还是有别的办法没有任何理智的东西。你可以这样直接写 output.innerHTML = "<p style='your styles'>Test</p>"; output.inner

所以我用javascript为我的网站制作了一个插件，其中一行代码是output.innerHTML=“Test”

我可以用CSS来设计这个样式，还是有其他方法

我可以用CSS设计这个样式吗

对。编写一个与您在

输出中有引用的元素匹配的选择器
或者，在其中添加新元素并编写与之匹配的选择器
还是有别的办法
没有任何理智的东西。
你可以这样直接写
output.innerHTML = "<p style='your styles'>Test</p>";

output.innerHTML=“测试””；
如果要设置附加到输出
元素的文本样式，请应用CSS类或通过javascript编辑样式，例如执行以下操作：
output.style.color = "#FF0000";

这将生成红色文本。
html
<html>
    <body>
      <div id="output"></div>
    </body>
</html>

我来做这项工作
需要注意的是，总是使用window.onload
或$（document.ready（function（）{}）
作为jQuery等价物，以确保在执行javascript代码时DOM元素已经存在。
现在，我想看看您知道如何设置元素样式的所有疯狂方法…：）JSS、呈现式HTML以及在画布元素上呈现它们之前将它们隐藏在屏幕外。就像'#f00'
和'red'
一样（不是批评，只是添加更多信息）。感谢我尝试了这里提到的一些方法，但决定在单独的css文件中使用“输出”进行样式设置。我想知道windows.onload是关于什么的，因为我已经看过几次了，谢谢你解释它的功能<代码>窗口。onload

在代码执行之前，等待页面中存在HTML元素（以及所有图像）。这会阻止您从

document.getElementById（'output'）

获取

未定义的或null值。
window.onload = function(){
  var output = document.getElementById('output');
  console.log(output);
  output.innerHTML = "test";
  output.style.color ="#ff0000";
};