站長資訊網(wǎng)
        最全最豐富的資訊網(wǎng)站

        javascript如何添加一個(gè)段落

        javascript添加一個(gè)段落的方法:1、通過“document.write”方法插入html段落;2、通過DOM方法插入html段落。

        javascript如何添加一個(gè)段落

        本文操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版,DELL G3電腦

        javascript如何添加一個(gè)段落?

        javaScript插入html段落方法

        傳統(tǒng)方法:

        document.write方法

        可以直接在需要插入的地方通過script標(biāo)簽插入

        <body>   <script>     document.write("<p>This is inserted.</p>");   </script> </body>

        或者挪到外部函數(shù)中

        <body>   <script>     insertParagraph("This is inserted");   </script> ... <script> function insertParagraph(text){   var str = "<p>"+text+"</p>"   document.write(str) } </script> </body>

        但是怎樣都會(huì)使JavaScript代碼和HTML代碼混雜在一起,不是一種好的做法。

        innerHTML屬性

        innerHTML即可以寫入html代碼,也可以讀出所選節(jié)點(diǎn)下的html代碼。通過innerHTML插入是直接替換掉了所選節(jié)點(diǎn)下面的全部內(nèi)容。

        <div id="insert">   <p>This will be overwritten.</p> </div> <script> window.onload = function(){   var insertDiv = document.getElementById("insert")   alert(insertDiv.innerHTML)   insertDiv.innerHTML = "<p>This is inserted.</p>" } </script>

        DOM方法

        createElement方法:document.createElement(nodeName)

        創(chuàng)建一個(gè)新元素,下面的代碼就是創(chuàng)建了一個(gè)p元素。

        var insertElement = document.createElement("p") appendChild方法:parent.appendChild(child)

        讓此節(jié)點(diǎn)成為目標(biāo)節(jié)點(diǎn)的子節(jié)點(diǎn)

        var insertElement = document.createElement("p"); document.getElementById("insert").appendChild(insertElement); creatTextNode方法:document.createTextNode(text);

        和createElement方法類似,但是創(chuàng)建的是一個(gè)文本節(jié)點(diǎn)

        var txt = document.createTextNode("New insert text."); insertElement.appendChild(txt); insertBefore方法: parentElement.insertBefore(newElement,targetElement);

        將一個(gè)新元素插到一個(gè)現(xiàn)有元素的前面。其中parentElement是目標(biāo)元素的父元素,newElement是你想插入的元素,targetElement你想插入到它前面的元素。

        var newInsertElement = document.createElement("p"); insertDiv.insertBefore(newInsertElement,insertDiv);

        推薦學(xué)習(xí):《javascript高級教程》

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號
        主站蜘蛛池模板: 精品人妻少妇一区二区三区在线| 久久亚洲精品无码AV红樱桃| 亚洲国产精品一区| 亚洲av无码国产精品色在线看不卡| 久久99热国产这有精品| 久久青青草原精品国产| 日韩精品一区二三区中文| 国产高清一级毛片精品| 国产精品亚洲专区在线观看| 久久精品国产精品亚洲毛片| 亚洲国产综合精品一区在线播放| 国产精品日韩欧美久久综合| 精品久久一区二区三区| 国产精品日本一区二区不卡视频 | 国产高清在线精品一区二区| 国产高清国产精品国产专区| 精品无码日韩一区二区三区不卡| 亚洲AV蜜桃永久无码精品| 欧美成人精品第一区二区三区| 国产精品主播一区二区| 国产VA免费精品高清在线| 国产99久久久国产精品~~牛| 柠檬福利精品视频导航| 久久亚洲精品中文字幕三区| 成人区人妻精品一区二区不卡网站 | 久久久久久国产精品美女| 国产乱人伦偷精品视频不卡| 亚洲精品国产成人专区| 亚洲精品人成在线观看| 97久人人做人人妻人人玩精品| 四虎影视884a精品国产四虎| 久久亚洲国产午夜精品理论片| 久久青青草原国产精品免费| 久久精品国产秦先生| 欧美一区二区精品| 99久久国产综合精品网成人影院| 日韩欧美精品不卡| 国产成人精品视频2021| 国产在线精品国自产拍影院 | 51精品资源视频在线播放| 国产乱人伦偷精品视频|