给div动态添加文本内容(创建属性结点)

最新推荐文章于 2021-06-05 09:37:19 发布

LM_AC

最新推荐文章于 2021-06-05 09:37:19 发布

阅读量2.5k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/Myair_AC/article/details/77800945

版权

JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

1 .
步骤:

先获取div
创建文本节点
追加,使用获取的元素名称.appendChild(文本节点);
2 .

    <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div style="width: 300px;height: 300px; background-color: red;"></div>

        <script>

            /*给div动态添加内容*/

            var div01=  document.getElementsByTagName("div")[0];
            /* 文档document调用createTextNode()创建文本结点*/
            var  textNode1 = document.createTextNode("大家看看谁在睡觉?");

            //追加
             div01.appendChild(textNode1);
            alert("===="+ document.getElementById("div01"));
        </script>
    </body>
</html>

LM_AC

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
给div动态添加文本内容(创建属性结点)

1 . 步骤:先获取div创建文本节点追加,使用获取的元素名称.appendChild(文本节点); 2 . <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div style="w
复制链接

扫一扫

专栏目录