2017-04-24 51 views
0

如何将此字符串作为html元素返回?如何将此字符串作为html元素返回?

<script> 
function myFunction() { 
    var str = "<input type='text'/>"; 
    var res = str.toString(); 
    document.getElementById("demo").innerHTML = res; 
} 
</script> 

This is the return result

+1

使用的innerText取代innerHTML的 http://stackoverflow.com/questions/19030742/difference-between-innertext-and-innerhtml-in-javascript –

+1

'textContent' *可能更合适 - 请参阅https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent#Differences_from_innerText –

+0

您是否试图返回'#demo'元素'html'作为字符串? '.toString()'调用没有必要。 – guest271314

回答

3

尝试textContent,而不是innerHTML

+0

不是我需要的那样,但在字符串form.textContent只返回文本内容不HTML –

0

我曾使用属性.textContent in javascript解决问题。也许这会有很大的帮助。

HTML

<body> 
Click button to return a string of input. 
<br/> 
<button onclick="generate();">Try it</button> 
<br/><br/> 
<span id="demo"></span> 
</body> 

的Javascript

<script> 
function generate() { 
    var str = "<input type='text'/>"; 
    var res = str.toString(); 
    document.getElementById("demo").textContent = res; 
} 
</script> 

为演示链接:

https://jsfiddle.net/hofvb4ky/1/

参考来自:

https://www.w3schools.com/jsref/prop_node_textcontent.asp

相关问题