2

これらのコードを Web アプリケーションで作成します

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

しかし、結果として私の入力には値がありません

私の入力は次のとおりです。

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

私のjavascriptコードはhtmlコードの上にあります

4

2 に答える 2

6

要素を取得する前に、その要素が存在することを確認する必要があります。たとえば、HTML ソースの のscript上にあるinput場合、スクリプトの実行時に要素は存在しません。

scriptタグを の下に移動するかinput、何らかの「DOM 準備完了」イベントを使用することができます。タグを要素scriptの最後に配置することは、 YUI チームによって推奨されており、他のチームは、スクリプトが動作する要素の下にあることを確認することを推奨しています。body

于 2012-10-29T12:20:58.083 に答える
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();">

お役に立てれば幸いです！

于 2012-10-29T13:44:50.377 に答える