html文件添加內(nèi)容學(xué)習(xí)筆記

發(fā)布時(shí)間：2020-07-22 05:49:09 來(lái)源：網(wǎng)絡(luò) 閱讀：309 作者：知止內(nèi)明欄目：web開(kāi)發(fā)

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

            /*動(dòng)態(tài)添加 :   <p>文本</p> */
            function dianwo(){
                var div = document.getElementById("div1");
                //創(chuàng)建元素節(jié)點(diǎn)
                var p = document.createElement("p");  // <p></p>
                //創(chuàng)建文本節(jié)點(diǎn)
                var textNode = document.createTextNode("文本內(nèi)容");//  文本內(nèi)容

                //將p 和文本內(nèi)容關(guān)聯(lián)起來(lái)
                p.appendChild(textNode);  //  <p>文本</p> 

                //將P添加到目標(biāo)div中
                div.appendChild(p);
            }

        </script>
    </head>
    <body>
        <input type="button" value="點(diǎn)我,添加向下增加內(nèi)容" onclick="dianwo()" />
        <!--一會(huì)動(dòng)態(tài)的往這個(gè)Div中添加節(jié)點(diǎn)-->
        <div id="div1">

        </div>

向AI問(wèn)一下細(xì)節(jié)

html文件添加內(nèi)容學(xué)習(xí)筆記

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽