javascript如何添加一個段落

本文小編為大家詳細介紹“javascript如何添加一個段落”，內容詳細，步驟清晰，細節處理妥當，希望這篇“javascript如何添加一個段落”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

成都創新互聯專注為客戶提供全方位的互聯網綜合服務，包含不限于成都做網站、成都網站設計、沭陽網絡推廣、微信小程序定制開發、沭陽網絡營銷、沭陽企業策劃、沭陽品牌公關、搜索引擎seo、人物專訪、企業宣傳片、企業代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；成都創新互聯為所有大學生創業者提供沭陽建站搭建服務，24小時服務熱線：13518219792，官方網址：m.newbst.com

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

本文操作環境：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如何添加一個段落”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注創新互聯行業資訊頻道。

文章題目：javascript如何添加一個段落
文章位置：http://m.newbst.com/article30/jdghpo.html

成都網站建設公司_創新互聯，為您提供網站建設、虛擬主機、定制網站、用戶體驗、App開發、軟件開發

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

javascript如何添加一個段落