JavaScript DOM 操作技术之动态脚本和动态样式

最新推荐文章于 2024-06-20 20:20:21 发布

weixin_43411214

最新推荐文章于 2024-06-20 20:20:21 发布

阅读量115

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_43411214/article/details/130880014

版权

一、动态脚本

function loadScript(url) {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = url;
    document.body.appendChild(script);
}

loadScript("aqing.js");

二、动态样式

function loadStyleString(css) {
    var style = document.createElement("style")
    style.type = "text/css";
    try {
        style.appendChild(document.createTextNode(css));
    } catch (ex) {
        style.styleSheet.cssText = css;
    }
    var head = document.getElementsByTagName("head")[0];
    head.appendChild(style);
}

loadStyleString("body{background-color:red}");