JavaScript は最初の dom の画像を 2 番目の div にランダムに追加します。-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JavaScript は最初の dom の画像を 2 番目の div にランダムに追加します。

May 16, 2016 pm 05:20 PM

写真を追加するランダム

JavaScript は、最初の div にある画像をランダムに 2 番目の div に追加します。このコードは、最初の div の 5 つの画像から 2 つのランダムな画像を抽出し、2 番目の div に表示します。

コードをコピーコードは次のとおりです:

 
<!DOCTYPE html PUBLIC "-/ /W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> .org/1999/xhtml"> ;head> 
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
< title> 5 枚の画像のうち 2 枚をランダムに表示します - Baidu スペーステスト画像用の画像</title> 
<script type="text/javascript"> 
var count=4; ;//元の配列
var tpDiv = document.getElementById('kstupian'); // dom オブジェクトを取得します
var image = tpDiv.getElementsByTagName("img"); ioriginal.sort(function(){ return 0.5 - Math.random( ); }); 
var myDiv = document.getElementById('myDiv) '); // dom オブジェクトを取得します 
for (var i=0;ivar bigImg = document. //img 要素を作成します 
 bigImg.width="200"; //ピクセルを追加せずに 200 ピクセル 
bigImg.src=images.item(original[i]).src ; //img 要素の src 属性に値を代入します。 myDiv.appendChild(bigImg); // サブ要素 img を dom に追加します 
} 

}; 
</head>
<body> 
<h2>最初の div には 5 つの写真があります</h2> 
<img src="http://a .hiphotos.bdimg.com/album/s=1000;q=90/sign=2a369e6d918fa0ec7bc7600d16a7629f/b03533fa828ba61ee03594714134970a314e5990.jpg" width="2 00"> 
< img src="http://c.hiphotos. bdimg.com/album/s=1000;q=90/sign=b03c3e4211dfa9ecf92e521752e0cc72/d058ccbf6c81800a5b37d550b13533fa838b4799.jpg" width="200"> 
<img src=" .hiphotos.bdimg.com/ album/s=1000;q=90/sign=a4ff82aab74543a9f11bfecc2e27b1f3/203fb80e7bec54e721374640b9389b504ec26a90.jpg" width="200"> 
< img src="http:// g.hiphotos.bdimg.com /アルバム/s= 1000;q=90/sign=cb1f8fa37b899e517c8e3e147297e242/b3119313b07eca809bdd65b9912397dda0448390.jpg" width="200"> 
< img src="http://a.hiphotos.com/アルバム/s=1000;q= 90/sign=fe1172bbad6eddc422e7b0fb09eb8d8c/5ab5c9ea15ce36d325dcdf6e3af33a87e850b190.jpg" width="200"> 
</div> 
<h2>最初の div 画像は 2 つのランダムな非繰り返し画像です</h2> 
<div id="myDiv" >
</body> 