Javascript 如何将innerHTML解码为_Javascript_Html

Javascript 如何将innerHTML解码为

javascript html

Javascript 如何将innerHTML解码为,javascript,html,Javascript,Html,下面是我的网页中的和 <div id="div_1" onclick="document.getElementById("textarea_1").innerHTML=document.getElementById("div_1").innerHTML;"> paragraph 1 paragraph 2 paragraph 3 paragraph 4 </div> <textarea id="textarea_

下面是我的网页中的和

    <div id="div_1" onclick="document.getElementById("textarea_1").innerHTML=document.getElementById("div_1").innerHTML;">
    paragraph 1

    paragraph 2

    paragraph 3

    paragraph 4
    </div>
<textarea id="textarea_1"></textarea>

单击div时，我需要向其显示innerHTML

但它就像下面一样

<textarea id="textarea_1">paragraph 1<br><br>paragraph 2<br><br>paragraph 3<br><br>paragraph 4</textarea>

我需要像这样的正确格式的输出

你的onclick格式不正确。您正在使用分隔符对其进行分隔，并将其用作内部字符串分隔符

您还使用了比较运算符==而不是赋值运算符=

这将更好地发挥作用：

onclick='document.getElementById("textarea_1").innerHTML=document.getElementById("div_1").innerHTML;'

现在，解决实际的问题-当您想要换行符时获取元素

当您这样做时：

document.getElementById("div_1").innerHTML

您需要使用换行符替换图元：

document.getElementById("div_1").innerHTML.replace(/<br>/g, "\n")

你的onclick格式不正确。您正在使用分隔符对其进行分隔，并将其用作内部字符串分隔符

您还使用了比较运算符==而不是赋值运算符=

这将更好地发挥作用：

onclick='document.getElementById("textarea_1").innerHTML=document.getElementById("div_1").innerHTML;'

现在，解决实际的问题-当您想要换行符时获取元素

当您这样做时：

document.getElementById("div_1").innerHTML

您需要使用换行符替换图元：

document.getElementById("div_1").innerHTML.replace(/<br>/g, "\n")

这应该可以做到，你必须用真正的换行符替换标签

这应该可以做到，你必须用真正的换行符替换标记。

你可以在textarea上使用value代替innerHTML

<!doctype html>
<html>
<head>
    <title>Site Title</title>
</head>
<body>
    <div id="div_1" onclick="document.getElementById("textarea_1").value = document.getElementById('div_1').innerHTML;">
        paragraph 1

        paragraph 2

        paragraph 3

        paragraph 4
    </div>
    <textarea id="textarea_1"></textarea>
</body>

您可以在textarea上使用值，而不是innerHTML

<!doctype html>
<html>
<head>
    <title>Site Title</title>
</head>
<body>
    <div id="div_1" onclick="document.getElementById("textarea_1").value = document.getElementById('div_1').innerHTML;">
        paragraph 1

        paragraph 2

        paragraph 3

        paragraph 4
    </div>
    <textarea id="textarea_1"></textarea>
</body>

但是它就像段落1段落2段落3段落4格式我需要段落基线，它不能回答他的问题，它不能解决他得到标记的事实。作为记录，最好使用innerText或div的textContent，而不是innerHTML。那你就不必解码了。但是它就像段落1段落2段落3段落4格式，我需要段落基础，它不能回答他的问题，它不能解决他得到标签的事实。作为记录，最好使用div的innerText或textContent，而不是innerHTML。那你就不必解码了。Tit shorter.在哪些浏览器上会发生这种情况，您是如何得出textarea元素内容的结论的？通过代码测试，只需将不正确的内部双引号替换为撇号，我就不会在IE、Firefox、ChromeWin7上看到任何标签。我认为您误解了这里发生的事情，可能是因为内容中存在换行。在哪些浏览器上会发生这种情况，您是如何得出textarea元素内容是什么的结论的？通过代码测试，只需将不正确的内部双引号替换为撇号，我就不会在IE、Firefox、ChromeWin7上看到任何标签。我想你误解了这里发生的事情，可能是因为内容中有换行符。