How to Ignore HTML Tags when Using document.write

Question

I have this line of Javascript code that is supposed to show the line

document.write(\" <textarea name=\"Text1\" cols=\"+col+\"rows=\"+row+\" id=\"textbox\" style=\"HelveticaNeue-Light\">\");

This is done by using document.write . So it is basically

document.write("document.write(\" <textarea name=\"Text1\" cols=\"+col+\"rows=\"+row+\" id=\"textbox\" style=\"HelveticaNeue-Light\">\");");

Firstly, I pass the above string to an array, and then later on in the program display it using document.write .

The problem is that when display it, it actually makes a text box and shows it. I believe this is happening because HTML just goes through and checks for tags, regardless of their position in quotes, etc.

How do I fix this? I just want to display the actual line, not the output from the line. Is there anyway to do this? Can I use something different than document.write ? Can I output it to a text box that simply display it? Is that enough?

Answer 1

You need to escape the tags. These symbols: < > must be encoded as < > .

Your example should be similar to this:

document.write(" `<textarea name=\"Text1\" cols=\"+col+\"rows=\"+row+\" id=\"textbox\" style=\"HelveticaNeue-Light\">");

Answer 2

Replace < by < and > by >

Try this :

 document.write("document.write(\\" <textarea name='Text1' cols=\\"+col+\\" rows=\\"+row+\\" id='textbox' style='HelveticaNeue-Light'>\\");"); 

Answer 3

You can add your string directly to an element by setting its innerText :

var myDiv = document.getElementById('myDiv');
myDiv.innerText = '<p>These p tags will be displayed as text</p>';

Answer 4

您对它进行HTML编码，就像这样

document.write("document.write(\" <textarea name=\"Text1\" cols=\"+col+\"rows=\"+row+\" id=\"textbox\" style=\"HelveticaNeue-Light\">\");".replace('<', '&lt;').replace('>', '&gt;'));