在javascript onclick事件后修改CSS的正确标记

Question

在 javascript函数构建div之后修改CSS 的正确标记是什么？我熟悉使用jquery的.css()但是，我不知道如何在js加载其资源时创建一个事件处理程序。 javascript来自第三方，看起来像这样 - 它还会创建可怕的内联样式：

<script type="text/javascript">
function jsfunction(){
    var x = (content);
    var y = document.createElement("script");
    js.setAttribute("language", "javascript");
    js.setAttribute("type", "text/javascript");
    js.setAttribute("src",x + "scriptUrl");
    document.getElementsByTagName("head").item(0).appendChild(js);
}
if (window.attachEvent) {window.attachEvent("onload", jsfunction);}
else if (window.addEventListener) {window.addEventListener("load", jsfunction, false);}
else {document.addEventListener("load", jsfunction, false);}
</script>

Answer 1

你可以尝试这个，它会覆盖现有的jsfunction（假设你不能让第三方改变它），应用它，然后在你之后存在你的css更改代码。由于jsfunction已绑定到文档加载，因此应该执行。

请记住，这未经过测试，我不确定文档加载是否会使用此覆盖超过原始文件，但值得一试。

// Keep a reference to the older function.
var old_jsfunction = jsfunction;

// Redefine jsfunction
jsfunction = function() {
  old_jsfunction.apply(old_jsfunction, arguments);

  $("#divname").css({'width': '100%', 'position': 'relative'});
};