獲取和設置從輸入採用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的形式，所以我只是用這個：

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

Answer 1

你的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 2

使用本

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

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

Answer 3

試試這個：

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

演示這裏：JS Fiddle

Answer 4

雙方應該爲你工作，但是，要確保當你調用document.getElementById();或document.getElementsByName();請問<input>元素在頁面中存在嗎？