如何样式化javascript输出？

-2

所以我做了我的网站使用JavaScript插件，其中一行代码是output.innerHTML =“Test”;如何样式化javascript输出？

我可以使用CSS来设计它，还是有其他方法？

来源

2014-05-04 user3095871

我可以风格这个使用CSS

是。在output中写一个匹配你参考的元素的选择器。

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

还是有另一种方式？

没有任何理智。

来源

2014-05-04 12:53:44 Quentin

现在我想看看你知道如何风格元素的所有*疯狂*的方式... :) –

JSSS，表象的HTML和渲染他们在canvas元素映入脑海之前，隐藏它们关闭屏幕。 – Quentin

如果你想的风格，追加到output元素中的文本，然后或者应用CSS类或通过执行通过JavaScript编辑样式，比如你可以直接写这样

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

来源

2014-05-04 12:54:38

如下：

output.style.color = "#FF0000";

这将产生红色的文字。

来源

2014-05-04 12:56:28 chucktator

正如'＃f00''和''red''（不是批评，只是增加更多的信息）。 –

-1

的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元素已存在。

来源

2014-05-04 13:16:58 raunay

谢谢你，我已经尝试了这里提到的几个方法，但决定使用#output在单独的css文件中进行样式设置。我想知道什么windows.onload是关于它已经看到它几次感谢解释它做了什么！ – user3095871

'window.onload'等待在页面的HTML元素要被存在（和所有图片）的代码执行之前。这可以防止您正从'的document.getElementById（“输出”）''的或undefined''null'值。 [READMORE]（http://stackoverflow.com/questions/3698200/js-window-onload-vs-jquery-document-ready） – raunay

如何样式化javascript输出？

回答

相关问题