站長資訊網
        最全最豐富的資訊網站

        javascript如何添加一個段落

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

        javascript如何添加一個段落

        本文操作環境:windows7系統、javascript1.8.5版,DELL G3電腦

        javascript如何添加一個段落?

        javaScript插入html段落方法

        傳統方法:

        document.write方法

        可以直接在需要插入的地方通過script標簽插入

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

        或者挪到外部函數中

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

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

        innerHTML屬性

        innerHTML即可以寫入html代碼,也可以讀出所選節點下的html代碼。通過innerHTML插入是直接替換掉了所選節點下面的全部內容。

        <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)

        創建一個新元素,下面的代碼就是創建了一個p元素。

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

        讓此節點成為目標節點的子節點

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

        和createElement方法類似,但是創建的是一個文本節點

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

        將一個新元素插到一個現有元素的前面。其中parentElement是目標元素的父元素,newElement是你想插入的元素,targetElement你想插入到它前面的元素。

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

        推薦學習:《javascript高級教程》

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 亚洲国产精品一区二区久久hs| 亚洲AV永久无码精品水牛影视| 日韩欧美一区二区三区中文精品| 国产精品2019| 亚洲欧洲久久久精品| 国产精品日韩欧美在线第3页| 国产精品毛片一区二区三区| 亚洲国产精品丝袜在线观看| 国产亚洲精品自在线观看| 亚洲国语精品自产拍在线观看| 久久国产精品成人片免费| 午夜肉伦伦影院久久精品免费看国产一区二区三区| 四虎4hu永久免费国产精品| 国产亚洲欧美精品永久| 亚洲av午夜成人片精品网站| 亚洲精品一级无码鲁丝片| 久久这里只有精品视频99| 国产亚洲精品AA片在线观看不加载 | 久久成人国产精品| 亚洲精品一级无码中文字幕| 青青热久久国产久精品| 国产成人精品a视频一区| 日韩精品一区二区三区四区| 国产精品三级在线| 国产成人精品视频在放| 99精品人妻无码专区在线视频区| 久久发布国产伦子伦精品| 蜜国产精品jk白丝AV网站| 少妇人妻偷人精品免费视频| 无码人妻精品一区二区三| 少妇伦子伦精品无码STYLES| 中国国产精品| 日本一卡精品视频免费| 久久夜色精品国产噜噜亚洲AV| 午夜精品久久久久久久久| 久久久久人妻一区精品色| 久久99国产乱子伦精品免费| 国产亚洲精品无码成人| 国产精品国色综合久久| 国产精品久久久久久福利69堂| 99久久99这里只有免费的精品|