2017-06-11 3 views
-1

Javascriptのボタン上のテキスト+画像を追加しますが、今、私はまた、画像の見出し「応答」私は、画像を追加した

<script> 
function pic1() 
    { 
     document.getElementById("img").src = "../raining.gif"; 
     ducument.getElementById("text").innerHTML = "<h2> Responsive </h2>"; 
    } 
function pic2() 
    { 
     document.getElementById("img").src ="../movingpiston.gif"; 
    } 
    </script> 

<img src = "" id = "img"/> 
<input type="button" value="Responsive" onclick="pic1()"/> 
<input type="button" value="Reconfiguration" onclick="pic2()"/> 

enter image description here

答えて

1

あなたは "ducument.getElementById" のタイプミスを持っていて、IDとして "テキスト" を持つ任意の要素を持っていません。 document.getElementById("text").innerHTML = "<h2> Responsive </h2>"; へ 変更ライン5とは、質問への答えを提供していない、あなたのHTML部分

+0

私は

を追加しましたが、ボタンをクリックすると「反応する」ということはありません。画像はまだテキストなしで表示されます –

+0

5行目の文書で文書を変更しましたか? – knrf

+0

現在作業中です。ありがとうございました –

-1

移動スクリプトブロックにだけでなく、テキストを追加する方法下には、到達しようとしている参照が存在しない可能性があるため、最後に処理する必要があります。

+0

これのどこかに<div id="text"></div>ようなものを追加します。十分な[評判](// stackoverflow.com/help/whats-reputation)があれば、[任意の投稿にコメントする]ことができます(// stackoverflow.com/privileges/comment)。代わりに、[質問者からの説明を必要としない回答を提供する](http://meta.stackexchange.com/q/214173/165483)。現在の状態で質問に回答できない場合は、これを控えてください。 –

0

ducument.getElementById( "text")内のid "text"? 画像にカーソルを置くとタイトルが表示されるimgにタイトルを追加しますか?

テキストが存在しません。テキストを表示するには、新しい要素を作成する必要があります。

 var img = document.getElementById("img"); 
 
     img.setAttribute("src","../raining.gif") 
 
     var title = document.createElement("h2"); 
 
     title.innerHTML = "Responsive"; 
 
     img.parentNode.appendChild(title);

+0

私はボタンをクリックすると、上記のテキストと画像が表示されるようにテキストと画像を追加したいと思います。 –

+0

テキストが存在しません。テキストを表示するには、新しい要素を作成する必要があります。 –

関連する問題