从HTML输入标记内的另一个文件访问Javascript变量

Question

我正在尝试从我的javascript文档test.js中编写一个变量，在我的HTML输入标记的value属性中。我把它放在我的文档的顶部，并希望在输入标记内编写测试变量。我怎么能做到这一点？

的test.html

<input type="text" id="my_var" value= document.write(test)> <!--I tried this but have had no luck, want to write inside value. -->

test.js

var test = "hello world";

Answer 1

在javascript中，您可以通过各种方式找到您的元素。 document.getElementById是一个函数（顾名思义）通过id属性找到你的html元素。在javascript中，您可以像这样设置html元素的值：

的test.html

<input type="text" id="my_var" value="">

test.js

var test = "hello world";
document.getElementById('my_var').value = test;

---

如果你想做更多的html元素操作，我也可以推荐jQuery。如果你知道一点CSS，jQuery很容易，你可以用同样的方式选择元素，用jQuery可以操作HTML而不是样式。它看起来像这样：

的test.html

<script src="path-to/jquery.js"></script>
<script src="path-to/test.js"></script>
....
<input type="text" id="my_var" value="">

test.js

var test = "hello world";
jQuery('#my_var').val( test );

Answer 2

试试这个

<input type="text" id="my_var" value= document.write(test)>
<script type="text/javascript">document.getElementById("my_var").value=test;</s