从输入获取和设置值使用javascript

Question

我有来自网站的输入，其定义如下：

<input type="text" name="postdb[title]" size="60" value id="title" class="input_text">

我试过这个：

document.getElementsByName('postdb[title]')[0].value='test'

和此：

document.getElementById('title').value='test'

但它不起作用，如何设置此输入的值使用javascript？

编辑：

我发现此输入在<form name="FORM..内，所以如何在该表单中找到它使用javascript？

编辑：解决; 它实际上来自iframe的FORM内部，所以我只想用它：

var vform =document.frames['main'].document.forms['FORM'];
vform.elements['title'].value='test'; thanks for help,

Answer 1

使用此

<input type="text" name="postdb[title]" size="60" value="" id="title" class="input_text">

document.getElementById('title').value='test';

Answer 2

您的DOM可能尚未加载。

<!-- this will fail -->
<script type="text/javascript">var el = document.getElementById('element');</script>
<div id="element"></div>

上面的示例将失败，因为我们正在尝试搜索尚未加载的元素。容易犯错！

<!-- this will not -->
<div id="element"></div>
<script type="text/javascript">var el = document.getElementById('element');</script>

通过在加载所需的DOM后运行javascript，我们可以找到它。

Answer 3

试试这个：

$(document).ready(function() {
    document.getElementById('title').value = 'test';
});

在此演示： JS Fiddle

Answer 4

两者都应该适合您，但是，确保在您致电document.getElementById();或document.getElementsByName();时，您的网页中是否存在<input>元素？