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

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

成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、沭陽(yáng)網(wǎng)絡(luò)推廣、微信小程序定制開發(fā)、沭陽(yáng)網(wǎng)絡(luò)營(yíng)銷、沭陽(yáng)企業(yè)策劃、沭陽(yáng)品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供沭陽(yáng)建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：bm7419.com

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

本文操作環(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)下面的全部?jī)?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);

讀到這里，這篇“javascript如何添加一個(gè)段落”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章題目：javascript如何添加一個(gè)段落
文章位置：http://bm7419.com/article30/jdghpo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、虛擬主機(jī)、定制網(wǎng)站、用戶體驗(yàn)、App開發(fā)、軟件開發(fā)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容