从 JavaScript 中的文本生成字符串文字

Generating a string literal from text in JavaScript

本文关键字:字符串 文字 文本 JavaScript      更新时间:2023-09-26
<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!'" 显示为输出,而不是格式正确的字符串文字。我需要在这里做什么才能使字符串正确显示?

不要设置

innerHTML,而是设置文本

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

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