1
<html>
<script>
function printStringLiteral(theInput) {
    document.body.innerHTML += JSON.stringify(theInput.value)
}
</script>
<body>
<p>Text to modify:<p>
<input type="text" id = "textInput">

<a onclick="printStringLiteral(document.getElementById('textInput'));" href="javascript:void(0);">Get string literal</a>
</body>
</html>

我正在尝试创建一个简单的网页,该网页接受文本作为输入并返回字符串文字,但该网页在生成后无法正确显示字符串文字。我<p>"Hi!"</p>作为输入输入,但"\"Hi!\" 显示为输出,而不是格式正确的字符串文字。为了让字符串正确显示,我需要在这里做什么?

4

1 回答 1

3

而不是设置innerHTML,设置文本

function printStringLiteral(theInput) {
    document.body.textContent += JSON.stringify(theInput.value)
}

如果你需要支持 IE8- 你也需要innerText设置

于 2013-08-01T20:57:54.007 回答