javascript - 修改尚未创建的元素的最佳方法

Question

我有一个<input>我的网页中的字段，我想在其上添加特定的方法，比如说 fooBar() .

这就是我所做的:

<input id="xxx" .../>
<script type="text/javascript">
    $("xxx").fooBar = function() { ... };
</script>

这个效果很好。然而，由于某些原因我不会在这里详细说明(实际上 HTML 是由 JSF 组件生成的)，<script>将在<input>之前声明标签。

换句话说，我将在 HTML 中添加它:

<script type="text/javascript">
    $("xxx").fooBar = function() { ... };
</script>
<input id="xxx" .../>

因此，这段代码当然无法正常工作，因为脚本将尝试获取 ( $("xxx") ) 并修改尚不存在的元素。

如果我想坚持这两个标签的确切顺序，实现我想要的效果的最佳方法是什么？

编辑

就我而言，$指原型(prototype)，但我也在使用 jQuery在我的应用程序中。而且我必须兼容 IE6 :o(

Answer 1

您需要在加载文档后运行脚本。使用 jQuery，你可以这样做:

$(document).ready(function () {
    //do stuff here
});

我不知道你在这里使用的是哪个库，但它们都有相当于 jQuery 文档的准备。

这是等效的原型(prototype):

document.observe("dom:loaded", function() {
  // do stuff
});