Is there a way to write text (and not decode special characters) using Javascript? I have tried document.write() but it appears to convert characters like & back to &, while JQuery's .text() keeps &.
My code
<script>document.write('&');</script>
What it returns
&
What I want it to return
&
Just convert all the & to & and it should work for you:
stringToBeWritten = "Hi&Hi - Hi&Hi";
stringToBeWritten = stringToBeWritten.replace(/(&)/gi, "&");
document.write(stringToBeWritten);
<script>
stringToBeWritten = "Hi&Hi - Hi&Hi";
stringToBeWritten = stringToBeWritten.replace(/(&)/gi, "&");
document.write(stringToBeWritten);
</script>ps: Don't use document.write() as it is not good. See Why is document.write considered a "bad practice"?
Solution 2
We can actually use the browser itself to make this happen.
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>
document.write()?
theID.innerHTML or theID.innerText or theID.textContent.
Actually, simply use element.textContent instead of document.write :)
For example, check this JSFiddle link or the code snippet below:
document.getElementById('myspan').textContent= 'Click <HERE>';
document.write('Click <HERE>');With element.textContent: <span id="myspan"></span>
<br />
With document.write(): Update: replaced usage of innerText by textContent as suggested by Leon Adler in the comments.
< instead of <.
document.write(), that I left here for comparison, but not with element.innerText :)
innerText is non-standard (Internet Explorer) property and was not supported in Firefox before version 45. Using textContent would be advised.There's a difference between html and text. You want to set text:
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 & B"
document.write('A & B'.replace(/&/g, '&').replace(/</g, '<')); // <- 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
Note that document.write is usually a bad idea, since it only works when your page was not loaded completely, and using document.write later (like when clicking a button) will replace the entire content of your page.
I can also advise against using innerText. It is a non-standard property which was defined by Internet Explorer and later adapted by Chrome, but is not supported in Firefox (which is fine, seeing as it is not in the standards). You can use textContent instead.