如何使用 JavaScript 加载 CSS 规则
how to load css rules using javascript?
我目前正在使用 Vert.x。我可以轻松加载所需的js文件,但是当涉及到CSS时,没有任何内容加载。所以我想我最后的手段是编写一些 js 来设置这些 css 规则(超级最后的手段是将 css 写入 html 文件中)。
有没有好方法可以做到这一点?我在想这样的事情:
function loadIndexCss()
{
document.getElementById("p2").style.color="blue";
document.getElementById("p2").style.fontFamily="Arial";
document.getElementById("p2").style.fontSize="larger";
}
将其保存在文件中,然后:
<script type="text/javascript" src="../css/css.js"></script>
<body onload="loadIndexCss()">
<form id='frm_login'>
<fieldset >
<legend>Admin Login</legend>
<label for='u' >Username: </label>
<input type='text' name='username' id='u' maxlength="25" class="blocky"/>
<label for='p' >Password: </label>
<input type='password' name='password' id='p' maxlength="25" class="blocky"/>
<br/>
<input type='button' name='Login' value='Login' id="btn_login" />
</fieldset>
</form>
</body>
这还能行吗? 如果这很愚蠢,请教:)
是的,这应该有效。您也可以以肮脏的方式执行此操作,创建命名样式标签:
<style id="sty"></style>
然后添加 CSS:
document.getElementById("sty").innerHTML = "a {color: blue}";
相关文章:
- 用Javascript修改内部标记的CSS规则
- 如何禁用和启用css规则
- 使用javascript或jquery覆盖css规则
- 新的javascript HTML元素不遵循css规则
- 仅将 CSS 规则应用于
中的第一个 ,而不分配类/ID - 正则表达式用于删除 js 中的 css 规则
- 通过jQuery或Javascript应用于父窗口的外部css规则
- 在javascript问题中应用复合css规则
- 使用JS添加CSS规则
- 循环使用CSS规则遍历数组,并将它们应用于元素
- 可以't覆盖CSS规则
- 选择所有具有特定css规则但没有jQuery的节点
- HTML按钮即使在聚焦时也不会点击,CSS规则也会生效
- 如何更改外部样式表的css规则
- CSS 规则在执行 JavaScript 时不会应用任何效果
- 我的 CSS 规则在我的 jQuery 函数执行后加载
- 如果文件名取自用户,则不应用 CSS 规则
- 使用 httpscript 使用 css 规则
- 如何将 css 规则应用于 Javascript 表达式
- 在 IE6 中运行时添加 CSS 规则 - 对象不支持此属性或方法