javascript textarea createTextNode（）

Question

我想要使用createTextNode（）方法轉義從textarea中獲取的字符串。將TextNode附加到textarea不起作用。

function myFunc(){ 
    var str = document.getElementById("tarea").value; 
    var chld = document.createTextNode(str); 
    var prnt = document.getElementById("tarea"); 
    prnt.appendChild(chld); 
} 

Answer 1

如果你想擁有的瀏覽器爲你做的工作逃避，我可能會使用該臨時的元素，那麼使用它的innerHTML作爲參數createTextNode：

function myFunc(){ 
 
    var prnt = document.getElementById("tarea"); 
 
    var str = prnt.value; 
 
    var div = document.createElement('div'); 
 
    div.appendChild(document.createTextNode(str)); 
 
    prnt.appendChild(document.createTextNode(div.innerHTML)); 
 
} 
 
myFunc();

<textarea id="tarea">Testing & < ></textarea>

但極少逃脫HTML是很簡單的，你不一定需要去全豬：

str = str.replace(/&/g, "&amp;").replace(/</g, "&lt;"); 

（無需>，這很好，因爲它是你一個標籤內不是。）

如：

function myFunc(){ 
 
    var prnt = document.getElementById("tarea"); 
 
    var str = prnt.value; 
 
    str = str.replace(/&/g, "&amp;").replace(/</g, "&lt;"); 
 
    prnt.appendChild(document.createTextNode(str)); 
 
} 
 
myFunc();

<textarea id="tarea">Testing & < ></textarea>

---

注意，這兩個那些追加，因爲這就是你的代碼試圖做的;他們不用替換的內容textarea。如果要這樣做，請在追加文本節點之前將其value設置爲""。