本文小編為大家詳細介紹“javascript如何添加一個段落”,內(nèi)容詳細,步驟清晰,細節(jié)處理妥當,希望這篇“javascript如何添加一個段落”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務,包含不限于成都做網(wǎng)站、成都網(wǎng)站設計、沭陽網(wǎng)絡推廣、微信小程序定制開發(fā)、沭陽網(wǎng)絡營銷、沭陽企業(yè)策劃、沭陽品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務,您的肯定,是我們最大的嘉獎;成都創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供沭陽建站搭建服務,24小時服務熱線:13518219792,官方網(wǎng)址:www.cdcxhl.com
javascript添加一個段落的方法:1、通過“document.write”方法插入html段落;2、通過DOM方法插入html段落。
本文操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版,DELL G3電腦
javascript如何添加一個段落?
javaScript插入html段落方法
傳統(tǒng)方法:
document.write方法
可以直接在需要插入的地方通過script標簽插入
或者挪到外部函數(shù)中
...
但是怎樣都會使JavaScript代碼和HTML代碼混雜在一起,不是一種好的做法。
innerHTML屬性
innerHTML即可以寫入html代碼,也可以讀出所選節(jié)點下的html代碼。通過innerHTML插入是直接替換掉了所選節(jié)點下面的全部內(nèi)容。
This will be overwritten.
DOM方法
createElement方法:document.createElement(nodeName)
創(chuàng)建一個新元素,下面的代碼就是創(chuàng)建了一個p元素。
var insertElement = document.createElement("p") appendChild方法:parent.appendChild(child)
讓此節(jié)點成為目標節(jié)點的子節(jié)點
var insertElement = document.createElement("p"); document.getElementById("insert").appendChild(insertElement); creatTextNode方法:document.createTextNode(text);
和createElement方法類似,但是創(chuàng)建的是一個文本節(jié)點
var txt = document.createTextNode("New insert text."); insertElement.appendChild(txt); insertBefore方法: parentElement.insertBefore(newElement,targetElement);
將一個新元素插到一個現(xiàn)有元素的前面。其中parentElement是目標元素的父元素,newElement是你想插入的元素,targetElement你想插入到它前面的元素。
var newInsertElement = document.createElement("p"); insertDiv.insertBefore(newInsertElement,insertDiv);
讀到這里,這篇“javascript如何添加一個段落”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內(nèi)容的文章,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。