0

HTMLとJavascriptは初めてです。誰かが私を助けてくれるようにしてください。次のコードは、ページが読み込まれた後、通常どおり579を表示します。ただし、ページ全体を更新せずに別の番号を表示する必要があります。たとえば、マウスクリックなどのトリガーが発生すると、795（画像）が表示されます。以前と同じ位置に表示する画像に新しい番号を作成するにはどうすればよいですか。どうもありがとうございます。

`DisplayNumImg（5,7,9）;

<a href="#" onclick="DisplayNumImgChanged(7,9,5)" /a>



#child2-3
{
 position: absolute;
 width: 165px;
 height: 15px;
 left: 5px;
 top: 40px;
}

.thumb_child1
{
  float:right;
  margin:0px;
}


function DisplayNumImg( a, b, c)
{

  var s;

  if ( a == 5 ) {
     s = '<img class="thumb_child1" src="./images/5_blu.png"> ';
     document.write( s );
  }

  if ( a == 7 ) {
     s = '<img class="thumb_child1" src="./images/7_blu.png"> ';
     document.write( s );
  }

  if ( a == 9) {
     s = '<img class="thumb_child1" src="./images/9_blu.png"> ';
     document.write( s );
  }
}

function DisplayNumImgChanged( a,b,c )
{
   // please help me with code here or something that you think it would work. Thanks.
}

`

4

3 に答える 3

0
  1. document.writeを使用しないでください（これまでに！）
  2. cssをスタイルタグに入れます
  3. スクリプトタグにjavascriptを入れます
  4. スタックオーバーフローに実際のコードを投稿するだけです（そのコードは機能しません）
于 2012-06-14T21:48:03.967 に答える
0

わかりました。最初に、jQueryを学習して使用することを強くお勧めします（その後、開発者としてさらに向上したい場合は、戻って、jQueryを強化するJavascriptコードについて学習して、jQueryがどのように機能するかを学習してください） 。それはあなたにとって物事をはるかに簡単にします。

この場合、あなたがやろうとしているのは、画像要素のsrc属性を更新することのようです。jQueryを使用すると、これは次のように実行できます。

$('.thumb_child1').attr('src', './images/9_blu.png');

生のJSでは、次のようになります。

var thumbs = document.getElementsByTagAndClassName(null, 'thumb_child1');
for (var i = 0; i < thumbs.length; i++) {
    thumbs[i].src = './images/9_blu.png';
}

（上記のコードはテストされていませんが、問題が発生した場合は投稿してください。）

于 2012-06-14T21:50:11.090 に答える
0

あなたが何をしているのか理解できれば、次のようなことがうまくいく可能性があります。

function DisplayNumImgChanged( a,b,c )
{
   var valueArray = [a, b, c];
   var imgElems = document.getElementsByClassName('thumb_child1');
   for (var i = 0 ; i < imgElems.length ; i++) {
       imgElems[i].src = './images/' +valueArray[i]+ '_blu.png';
   }
}
于 2012-06-14T21:56:36.617 に答える