html文件添加内容学习笔记

<meta charset="UTF-8">
        <title></title>
        <script>

            /*动态添加 :   <p>文本</p> */
            function dianwo(){
                var div = document.getElementById("div1");
                //创建元素节点
                var p = document.createElement("p");  // <p></p>
                //创建文本节点
                var textNode = document.createTextNode("文本内容");//  文本内容

                //将p 和文本内容关联起来
                p.appendChild(textNode);  //  <p>文本</p> 

                //将P添加到目标div中
                div.appendChild(p);
            }

        </script>
    </head>
    <body>
        <input type="button" value="点我,添加向下增加内容" onclick="dianwo()" />
        <!--一会动态的往这个Div中添加节点-->
        <div id="div1">

        </div>

html文件添加内容学习笔记

创新互联主营通山网站建设的网络公司,主营网站建设方案,APP应用开发,通山h5微信小程序开发搭建,通山网站营销推广欢迎通山等地区企业咨询

当前题目：html文件添加内容学习笔记
地址分享：https://www.cdcxhl.com/article10/gceedo.html

成都网站建设公司_创新互联，为您提供软件开发、企业建站、品牌网站建设、小程序开发、网站制作、品牌网站制作

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容