从输入中获取和设置值使用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小提琴

Answer 4

两者都应该为您工作，但请确保何时调用document.getElementById(); 或document.getElementsByName();或 页面中是否存在<input>元素？