2020-11-9作业

最新推荐文章于 2020-11-25 21:14:29 发布

wui0215

最新推荐文章于 2020-11-25 21:14:29 发布

阅读量107

点赞数

本文链接：https://blog.csdn.net/wui0215/article/details/109704282

版权

此博客展示了如何使用JavaScript动态地向HTML页面中添加元素。通过创建并附加`div`元素，以及设置文本节点，博客演示了JavaScript在前端开发中的基本应用。同时，它还涉及到元素样式设置，如边框颜色和宽度。尽管没有深入讨论，但可以推断出与前端框架、DOM操作和页面动态更新相关的内容。

摘要由CSDN通过智能技术生成

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="asd"  style="border: blue 1px solid;">asdf</div>
    <div id="azxc"  style="border: blue 1px solid;">asdf</div>
    <div class="asd"  style="border: red 1px solid;">adsd</div>
    <div class="asd"  style="border: rgb(65, 65, 65) 1px solid;">dfdf</div>
    <div class="asd"  style="border: rgb(65, 65, 65) 1px solid;">dfdf</div>
    <script type="text/javascript">
        var divs = document.getElementsByTagName("div");
        var i=0;

    while(i < divs.length){
         var asd=document.body.appendChild(document.createElement("div"));
         var pText = document.createTextNode("我是文本")
         asd.appendChild(pText);
        i++
        if(i===8){
            break
        };
        
    }

    // var divs = document.querySelectorAll("div"),
    // i=0;

    // while(i < divs.length){
    //     document.body.appendChild(document.createElement("div")); 
    //     i++;
    // }
    </script>
</body>
</html>

wui0215

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2020-11-9作业

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="asd" style="border: blue 1px solid;">asdf</div> <div id="azxc" s
复制链接

扫一扫