我希望用户能够在输入字段中输入特定值,并希望能够输出带有 HTML“标记”的值,例如“< div >”和“< p >' 仅作为文本。我也尝试过将其作为字符串输出,但我无法弄清楚。请帮忙!
我希望它像这样运行:
输入值 = x 输出=x
是否必须将其输出为字符串,以便浏览器不只输出= x?所有见解都有帮助!
请在此处查看我的示例:
<html>
<head>
<title>Markup Generator</title>
</head>
<body>
First name: <input id="first_name">
Last name: <input id="last_name">
<button id="say">Say hi!</button>
<hr>
<div id="result"></div>
<script>
function say_hi() {
var fname = document.getElementById('first_name').value;
var lname = document.getElementById('last_name').value;
var html = 'Hello <b>' + fname + '</b> ' + lname;
document.getElementById('result').innerHTML = html;
}
document.getElementById('say').addEventListener('click', say_hi);
</script>
最佳答案
<html>
<head>
<title>Markup Generator</title>
</head>
<body>
First name: <input id="first_name">
Last name: <input id="last_name">
<button id="say">Say hi!</button>
<hr>
<div id="result"></div>
<script>
function say_hi() {
var fname = document.getElementById('first_name').value;
var lname = document.getElementById('last_name').value;
var html = 'Hello <b>' + fname + '</b> ' + lname;
document.getElementById('result').innerText = html;
}
document.getElementById('say').addEventListener('click', say_hi);
</script>
关于javascript - 如何使用 Javascript 输出 HTML '<div>' 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54058874/