js刷新页面和追加样式

最新推荐文章于 2024-04-11 14:32:36 发布

syuuenn

最新推荐文章于 2024-04-11 14:32:36 发布

阅读量1.4k

点赞数

分类专栏： js

本文链接：https://blog.youkuaiyun.com/syuuenn/article/details/90451231

版权

js 专栏收录该内容

3 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
     .box2{
        width: 100px;
        height: 100px;
        background: #FF7F24;
    }
    <script type="text/javascript">
        window.onload = function () {
             var bBox = document.getElementById('box2');
            bBox.innerHTML='<span>js内容</span>';//取代内容
             bBox.className='box2';//赋予类名

        }
    </script>
</head>
<body>
        <div id="box2">
            还是div的内容
        </div>
</body>
</html>

演示效果：
在这里插入图片描述
首先还是要获取操作对象，可以把操作对象赋值给一个变量方便书写。
这种方法多用于制作动态页面，刷新页面是以覆盖的方式完成的。