Question

我们如何将字符串从js文件传递给HTML？假设我在privacy.js中声明了一个字符串，我需要进入我的html文本区域。

我估算了脚本文件：

<script type="text/javascript" src="js/privacy.js"></script>

我正在将字符串值分配给div

document.getElementById("privacy_text").innerHTML = privacy_string;

我需要文本区域中的Sting值

<textarea class="terms" readonly="readonly">
                 <div id="privacy_text"></div>
             </textarea>

Answer 1

为你的textarea提供一个类似这个

的ID

<textarea class="terms" readonly="readonly" id="theTextarea">
</textarea>

然后使用以下JavaScript选择它并更改值：

document.getElementById("theTextarea").value = "theValue";

如果您可以访问jQuery，则可以使用：

$("#theTextarea").val("theValue");

Fiddle

无论哪种方式，div都无法进入textarea。

Answer 2

不要在textarea中嵌入div，而是将它分配给它自己的id：

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

然后尝试为其分配一个值：

document.getElementById("privacy_textarea").value = privacy_string;

Here是一个有效的例子。

你也可以使用innerHTML，但textarea是一个表单元素，所以我建议使用value。

Answer 3

如果您可以为textarea分配ID ...

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

然后这应该有效：

document.getElementById("myTextArea").value = privacy_string;

Answer 4

而不是.innerHtml，请使用：

document.getElementById("privacy_text").value= "Hello";

Answer 5

Give that textarea an ID , then set value to text area like document.getElementById('your text area id').value=privacy_text; from javascript file.
eg:
<script>
var privacy_text="your string";
document.getElementById(textId).value=privacy_text;
</script>
<textarea id="textId"></textarea>

Answer 6

试试这个：

document.querySelector(".terms").value = 'someValue';

您可以使用document.querySelector在javascript中找到HTML元素，方法是使用上面示例中的不同类型的“查询过滤器”，它使用.cssClass按CSS类查找文本区域。

关于textarea对象中的div请注意，这是不可能的。您只能使用非HTML文字。

Answer 7

<html>
<head>
<script type="text/javascript">
function printValue()
{
var name="Anand";
document.getElementById("textbox1").innerHTML=name;
}
</script>
</head>
<body>
<input type="text" id="textbox1"/>
<input type="button" value="GetText" onclick="PrintValue()"/>
</body>
</html>

我们如何从js文件获取字符串值到HTML？

7 个答案: