我想在链接的文本区域框中显示HTML。我可以让它完美地工作，只是我希望它显示<a href="https://youtube.com">Link</a>，而不是HTML中的链接代码。
如何以这种方式显示HTML的文本？下面显示了两个示例。上面的那个有效。
HTML显示"；HTML中的链接代码"；
<!DOCTYPE html>
<html>
<textarea id="myTextarea"></textarea>
<button type="button" onclick="myFunction()">Add Link</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("myTextarea").value;
document.getElementById("myTextarea").value += "Code for Link in HTML"
}
</script>
</html>应该显示<a href="https://youtube.com">Link</a>但不是的HTML。。。
<!DOCTYPE html>
<html>
<textarea id="myTextarea"></textarea>
<button type="button" onclick="myFunction()">Add Link</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("myTextarea").value;
document.getElementById("myTextarea").value += "<a href="https://youtube.com">Link</a>"
}
</script>
</html>首先，您的示例不起作用，因为您没有转义内部引号。要做到这一点，请在引号内的内部引号上加一个反斜杠：
document.getElementById("myTextarea").value += "<a href="https://youtube.com">Link</a>"
其次，不能在文本区域中显示HTML。您将需要一个内容可编辑的div来满足您的功能。
您也可以通过backtick``operator来实现。因此，使用backtick`而不是双引号">设置文本区域的值。
<!DOCTYPE html>
<html>
<textarea id="myTextarea"></textarea>
<button type="button" onclick="myFunction()">Add Link</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("myTextarea").value;
document.getElementById("myTextarea").value += `<a href="https://youtube.com">Link</a>`
}
</script>
</html>使用addEventListener方法将事件附加到按钮。并且还使用CCD_ 4来避免CCD_<a href=\"https://youtube.com"gt；链接</a>quot；
<textarea id="myTextarea"></textarea>
<button id="btn" type="button">Add Link</button>
<p id="demo"></p>
<script>
document.getElementById("btn").addEventListener(
'click', myFunction, false);
function myFunction() {
document.getElementById("myTextarea").value +=
"<a href="https://youtube.com">Link</a>"
}
</script>