通过innerHTML使用html DOM在输入字段中传递html文本

pass a html text in an input field using HTML DOM by innerHTML

本文关键字：html 文本 字段 innerHTML 使用 DOM 通过 输入      更新时间：2023-09-26

我有一个问题，从一个div传递到一个输入字段的html内容我使用下面的代码:

<html>
<body>
<div id="void"> 
<div id="main"><strong>Hello</strong> my friend</div>
</div>
<br>
<input type="text" id="resul" >
<br>
<script type="text/javascript">
x=document.getElementById("void").getElementsByTagName("div");
document.write("Text of first paragraph: " + x[0].innerHTML);
document.getElementById("resul").value=x[0].innerHTML;
</script>
</body>
</html>
如果你试一试，你就会明白我的意思。通过使用命令document.write()，我得到了我需要从dediv标签的值:"你好，我的朋友"，但是当我想传递这个值"你好，我的朋友"到一个输入字段，我得到这样的东西"你好我的朋友"。如何在输入字段中只传递没有标签的文本"Hello friend"?

任何帮助将非常感激!谢谢!

这个怎么样:

<script type="text/javascript">
var x = document.getElementById("main");
document.write("Text of first paragraph: " + x.innerHTML);
document.getElementById("resul").value= x.innerHTML;
</script>

传递不带标签的内容可以使用

x.textContent || x.innerText;

: 

var x = document.getElementById("main");
var text = x.textContent || x.innerText;
    document.write("Text of first paragraph: " + text);
    document.getElementById("resul").value = text;
相关文章：