2017-03-09 102 views
0

我需要在我的HTML插入此代碼JS:插入HTML DOM中

var1 = "texte1" + "\ntext2" 

我用:

var newPara = document.createElement('h1'); 
var texte = document.createTextNode(var1); 
newPara.appendChild(texte); 
document.body.appendChild(newPara); 

當我修改這個代碼,是沒有問題的。 但我不能在HTML中插入,因爲var1不是TextNode。 (我想找一個沒有Jquery的解決方案)。

+1

您的預期結果是什麼? –

+2

如果我正確地關注你,你在'var1'中有一個HTML字符串?它並不總是最安全的,但如果你將HTML作爲一個字符串,只需使用'newPara.innerHTML = var1' – Phil

+0

這取決於你想要做什麼(這應該在問題中解決)。嘗試轉義var1的內容,如'var1 ='var1 =「texte1」+「\\ ntext2」;' – traktor53

回答

0

我很困惑,所以你試圖只插入文本到你創建的元素?或純JavaScript代碼到HTML?如果只是文本,通過標記或id(id最好,更直接的方式,減少錯誤和元素檢查的空間)獲取元素,然後將文本插入innerHTML document.GetElementById(「IDValue」)。innerHTML = textValue

更新: 正如您的回覆之一所述,在追加元素之前設置innerHTML(如果它不存在)。