javascript - 无法将 id 值分配给 html 输入标记

Question

我必须做这样的事情: http://jsfiddle.net/3yP84/1/

任务很简单:为 html 中的输入标签分配一个 id，并通过 javascript 获取该值。我在我的应用程序上做了同样的事情(代码非常大，所以我不会在这里发布它!)，但它不起作用。我有类似的东西:

<div id="old_pw_sp" class="col-xs-7">
<input type="password" id="current_password"/>
</div>

和 fiddle 的相同js(div的右侧名称):

var crr_pw = document.getElementById("current_password").value;

但我不断收到错误:

TypeError: document.getElementById(...) is null

如果我用 firefox 分析器分析输入标签，我会得到:

<div id="old_pw_sp" class="col-xs-7">
    <input type="password">
</div>

id 不存在，但我不明白为什么。有人可以帮我吗？

编辑!我很愚蠢:我正在编辑一个文件，然后正在应用程序上加载另一个文件。现在它工作得很好。

Answer 1

使用如下

 <div id="old_pw_sp" class="col-xs-7">
 <input type="password" id="current_password"/>
</div>
<div id="click_here" onclick="showPassword();">Click</div>

function showPassword(){
 alert(document.getElementById("current_password").value);
}

DEMO