document.getElementById('articleTitle')。value不起作用

时间:2012-10-29 12:19:53

标签: javascript html getelementbyid

我在我的网络应用程序中创建这些代码

<script type="text/javascript">
  document.getElementById('articleTitle').value =  "Ehsan" ;
</script>`

但结果我的输入没有值

我的意见是:

<input id="articleTitle" name="articleTitle" class="input-xxlarge" 
type="text" placeholder="title">

我的javascript代码高于html代码

2 个答案:

答案 0 :(得分:6)

在尝试检索元素之前,您需要确保该元素存在。例如,如果您的script高于HTML源代码中的input,那么当脚本运行时该元素将不存在。

您可以将script标记移到input下面,这样可以使用,或者使用某种“DOM ready”事件。 YUI team建议将script标记放在body元素的末尾,others建议只确保脚本位于其使用的元素下方。

答案 1 :(得分:2)

您可以将功能附加到事件,例如:

<script type="text/javascript">
function test(){
  document.getElementById('articleTitle1').value ="Ehsan";}
</script>
<input id="articleTitle" name="articleTitle" class="input-xxlarge" 
type="text" placeholder="title" onclick="test();">

我希望能帮到你!