javascript - 访问 html 标签中的 javascript 变量

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 9 年前。

Improve this question

我是“html”和“Javascript”的新手。

我有以下使用“html”和“Javascript”作为的代码

<script>
    var number=10000;
</script>
<input type="text" value="">   

我想使用“number”变量的值，作为“input”标签的“value”属性。如何？

Answer 1

您可以使用 AngularJS 框架，它支持这种确切的用法(http://angularjs.org/)这就是所谓的数据绑定(bind)。你的可能看起来像这样:

<div data-ng-controller="myController">
    <input type="text" data-ng-model="number"/>
</div>

<script>
    var myController = function($scope) {
        $scope.number = 10000;  
    };
</script>

http://jsfiddle.net/L3hrv/

您还可以将 JavaScript 更改为以下内容:

<script>
var number=10000;
window.onload = function() { //is executed when the window finished loading
  document.getElementById('my-id').setAttribute('value', number);  //changes the value of the specified element
}
</script>

<input id="my-id" type="text" value=""> 

http://jsfiddle.net/k3G44/