Напишите чистый текст, используя Javascript?

Question

Есть ли способ написать текст (и не декодировать специальные символы) с помощью Javascript? Я пробовал document.write(), но он преобразует персонажи, такие как &, обратно в &, а .text() - JQuery держит &.

Мой код

<script>document.write('&amp;');</script> 

Что возвращает

& 

То, что я хочу, чтобы вернуть

& 

Answer 1

Просто конвертировать все & в & и он должен работать для вас:

stringToBeWritten = "Hi&Hi - Hi&Hi"; 
stringToBeWritten = stringToBeWritten.replace(/(&)/gi, "&"); 
document.write(stringToBeWritten); 

<script> 
 
    stringToBeWritten = "Hi&Hi - Hi&amp;Hi"; 
 
    stringToBeWritten = stringToBeWritten.replace(/(&)/gi, "&amp;"); 
 
    document.write(stringToBeWritten); 
 
</script>

пс: Не используйтеdocument.write(), как это не хорошо. См Why is document.write considered a "bad practice"?

Решение 2

Мы можем фактически использовать сам браузер, чтобы это произошло.

function escapeStuff (unescaped) { 
 
    DiV = document.createElement("div"); 
 
    DiV.innerText = unescaped; 
 
    return DiV.innerHTML; 
 
}

<input type="text" id="un" value="& <>" /> <input onclick="res.innerText = escapeStuff (un.value);" value="Escape it!" type="button" /> 
 
<div id="res"></div>

Answer 2

На самом деле, просто использовать element.textContent вместо document.write :)

Например, проверьте this JSFiddle link или фрагмент кода ниже:

document.getElementById('myspan').textContent= 'Click <HERE>'; 
 
document.write('Click <HERE>');

With element.textContent: <span id="myspan"></span> 
 
<br /> 
 
With document.write():

---

Update: заменить использование innerText на textContent как предложил Леон Адлера в комментариях.

Answer 3

Существует разница между html и текст. Вы хотите установить текст:

var myText = 'A & B'; 

// Setting HTML: Result text will be "A & B" 
document.write(myText); // <- don't use document.write! 
jQuery('#myElement').html(myText); 
myElement.innerHTML = myText; 

// Setting Text: Result text will be "A &amp; B" 
document.write('A &amp; B'.replace(/&/g, '&amp;').replace(/</g, '&lt;')); // <- don't use document.write! 
jQuery('#myElement').text(myText); // removes all children and sets the text of the element 
myElement.textContent = myText; // sets the text of the element 
myElement.innerText = myText; // removes all children and sets the text of the element 

Обратите внимание, что document.write является обычно плохая идея, так как он работает только тогда, когда ваша страница не была загружена полностью, и с помощью document.write позже (например, при нажатии кнопки) будет замените весь контент вашей страницы.

Я также могу посоветовать использовать innerText. Это нестандартное свойство, которое было определено Internet Explorer, а затем адаптировано Chrome, но не поддерживается в Firefox (это прекрасно, поскольку это не соответствует стандартам). Вместо этого вы можете использовать textContent.