使用纯javascript在textarea组件中获取HTML值

Get HTML value inside a textarea component using plain javascript

本文关键字：获取 HTML 组件 textarea javascript      更新时间：2023-09-26

我想获得在纯javascript(相当于$('id').html())的<textarea>中输入的文本的HTML内容。我尝试过使用innerHTML来获取HTML内容，但没有成功。

文本区没有HTML内容，它们有文本内容。您可以使用.value属性访问它们的当前值，就像大多数其他表单控件一样。

所以，在我的理解中，你想要得到像

这样的文本区域的整个HTML

<textarea>user content</textarea>右。所以在这种情况下，你必须使用JavaScript的outerHtml功能。但在我看来，这是不安全的使用。

简单例 

<textarea id="id"></textarea>
<

js代码/strong> 

var element = document.getElementById( 'id' );
alert( element.outerHTML ); //it gives dom element

见以下链接:

mozilla

link2

github

document.getElementById('id').value

如果'id'是textarea元素的id，则value属性是textarea的内容(如文本)

您是想让它在一个特定的触发器上(例如单击)，还是只是想在文档的其他部分打印它?下面是一个基本的例子:

假设你的textarea id是"text "而你想。将该内容打印到另一个div，隐藏字段或任何您想要的内容。我们将第二个id命名为echo 

var textarea = document.getElementById("texta");
document.getElementById('echo')innerHtml = textarea.value;

希望能有所帮助

<textarea id="test_id" name="test_id"></textarea>
<input type="button" onClick="simple_func();"> 

<script type="text/javascript">
function simple_func()
{
    document.getElementById("test_id").value='hello world';
}
</script>

所以我所做的是用换行标记替换每一行。所以现在一切都很好，并在电子邮件客户端呈现我想要的方式。

相关文章：