0

私はJavaScript初心者です。

画像をクリックしてスパン内のテキストを変更したい

私がこれまでに持っているもの：

画像：

    <img src="image.png" onclick="document.span[0].elements['videoTitle'].value = 'My Text'" />

スパン：

    <span name="videoTitle"><strong>My Initial Text</strong></span>

「ドキュメント」の後に何を付ければよいかわかりません。ヘッダーなどにJavaScriptが必要だと思いますか？

私はこの投稿を参照していました：画像をクリックしてテキストを変更してください

ここで何をしているのかわかりません。jsがわかりません、デザイナーです！

4

3 に答える 3

0

私はあなたがこれを探していると思います:-

 document.getElementsByName('videoTitle')[0] // assuming this is the first element with  
                                             //the name `videoTitle`
.getElementsByTagName('strong')[0]
 .innerHTML = 'My Text'

そうなります

<span name="videoTitle"><strong>My Initial Text</strong></span>
<img src="image.png" onclick="document.getElementsByName('videoTitle')[0].getElementsByTagName('strong')[0].innerHTML = 'My Text'" />
This is native old way and is supported in all browsers.

デモ

于 2013-05-16T15:09:26.080 に答える
-1

次のようなことをお勧めします。

<img src="image.png" onclick="document.getElementsByName('videoTitle')[0].getElementsByTagName('strong')[0].innerHtml= 'My Text'" />

また

<img src="image.png" onclick="myFunc()" />
<script>
function myFunc(){
document.getElementsByName('videoTitle')[0].getElementsByTagName('strong')[0].innerHtml="my text";
}
</script>

また、スパンに ID を与え、ID で選択することもお勧めします。

于 2013-05-16T15:09:00.807 に答える