动态创建样式

最新推荐文章于 2024-05-24 10:41:30 发布

诸葛苍穹

最新推荐文章于 2024-05-24 10:41:30 发布

阅读量359

点赞数

分类专栏： OpenLayer

本文链接：https://blog.csdn.net/u012260672/article/details/52200461

版权

OpenLayer 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script>
    /**
     * APIMethod: createStyle
     * 动态创建css样式
     *
     * Parameters:
     * css - {String} css样式   即样式颜色
     */
     function createStyle(css){
        if(document.all){
            var style = document.createElement('style');
            style.type = 'text/css';
            style.styleSheet.cssText=css;
            document.getElementsByTagName('head').item(0).appendChild(style);
        }else{
            var style = document.createElement('style');
            style.type = 'text/css';
            style.innerHTML=css;
            document.getElementsByTagName('head').item(0).appendChild(style);
        }
    }

    window.onload = function(){
        createStyle("input{ background:red; color:yellow;font-size:20px;}input:hover{background:black;}");
    }
</script>

<input type="button" class="btn btn-danger" value="按钮">
</body>
</html>

诸葛苍穹

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
动态创建样式

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script> /** * APIMethod: createStyle * 动态创建css样式 * * Parameters:
复制链接

扫一扫

专栏目录