javascript - 从输入中获取和设置值使用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设置这个输入的值？

编辑：

我发现这个输入是 insideof <form name="FORM..，那么如何使用 javascript 以这种形式找到它？

编辑：已解决；它实际上在 iframe 的 FORM 中，所以我只使用它：

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

score 0 · Accepted Answer

用这个

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

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

score 0 · Accepted Answer

您的 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，我们能够找到它。

score 0 · Accepted Answer

试试这个：

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

在这里演示：JS Fiddle

score 0 · Accepted Answer

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

4 回答 4