javascript - 将 html 元素值设置为 "runtime"

Question

在我的 html5 Web 应用程序中，我在加载 DOM 时设置某些 html 元素的值。使用的值取自一些 Javascript 全局变量，这些变量是在 DOM 加载开始之后、添加相应的 html DOM 元素之前确定的。现在我的代码看起来像这样:

 myBtnText="some value";
 //....

 <input type="button" id="myBtn" onclick="DoSomeAction();" />
 <script type="text/javascript">
     document.getElementById("myBtn").value = myBtnText;
 </script>

代码可以工作，但我想改进它，以避免 document.getElementById("myBtn") 进行的调用，并让代码更小。我正在考虑简化它，例如:

<input type="button" id="myBtn" value=/*<myBtnText>*/ onclick="DoSomeAction();" />

其中//是一个表达式，可以帮助获取 myBtnText 全局变量的值。

您有什么想法吗？这是否可行？如何实现？

Answer 1

如果您使用 JQuery，您可以通过执行以下操作来避免调用 document.getElementById:

$('#myBtn').val();

获取字段的值并且:

$('#myBtn').val("something");

设置它的值。您可以在这里了解更多信息:

http://api.jquery.com/val/