使用JavaScript新增元素的方法解决

最新推荐文章于 2024-07-30 10:56:44 发布

㿟瑾

最新推荐文章于 2024-07-30 10:56:44 发布

阅读量399

点赞数

文章标签： servlet javascript 开发语言

本文链接：https://blog.csdn.net/weixin_73326146/article/details/126398083

版权

JavaScript HTML5 动态添加块级元素 CSS

关键词由CSDN通过智能技术生成

1）使用JavaScript新增元素的方法解决

注意：使用javascript新增元素的方法解决，新增的出来的html5标签是行级元素，需要css把行内元素转为块 

    //js创建html5标签
        document.createElement("header");
        document.createElement("nav");
        document.createElement("article");
        document.createElement("section");
        document.createElement("aside");
        document.createElement("footer");
    </script>

    最后在css样式中将新建的header元素转为块级元素

    header,
        nav,
        article,
        section,
        aside,
        footer {
            display: block;
        }


<header>我说头部信息</header>