开发者社区> 问答> 正文

这段代码结果为何颜色css没有被执行?

<script>
    function amo()
    {
        document.write("<div class='x'>eee</div>")

        document.write("<div class='x'>eee</div>")

        document.write("<div class='x'>eee</div>")
    }

</script>
<style>
    .x{width:50px;height:50px;background-color:red;}
</style>

<input type=button onclick='amo()' value='fff'>

展开
收起
杨冬芳 2016-06-08 17:46:12 1740 0
1 条回答
写回答
取消 提交回答
  • IT从业

    因为document.write会重写整个html的内容
    原先是这样的
    screenshot
    而你点击之后,页面源码变成了这样
    screenshot
    也就是只有amo里面的内容了
    你的style样式都被覆盖替换掉了

    2019-07-17 19:32:28
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
相关产品:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
《0代码搭应用》 立即下载
不止代码 立即下载