コードをコピー コードは次のとおりです。 ; ; || コンテナ' ); <br>関数 appendElement(){ <br>var ary = []; <br>for(var i=0;i var div = document.createElement('div'); <br>ary.push(div); <br>} <br> 戻り値>関数 test1(){ <br>var ary = appendElement(); <br>var d1 = 新しい日付; <br>for(var j=0;j<ary.length>ary[j ].style.width = '50px'; <br>ary[j].style.height = 'gold'; d2 = 新しい日付; <br>console.log('時間がかかります:' (d2-d1)); <br>関数 test2(){ <br>var ary = appendElement(); d1 = 新しい日付; <br>for(var j=0;j<ary.length>var sty = ary[j].style; <br>sty.cssText = 'width:50px;height; :50px ;背景色:赤;'; <br>} <br>var d2 = 新しい日付; <br>console.log('時間がかかります:' (d2-d1)); < /script> <br></html> <br><br><br>テスト 1 とテスト 2 は両方とも 1000 div をページに追加します。 <br><br>テスト 1 次の 3 行のコードを使用します<br><br><br><br><br>コードをコピーします<br><br><br> コードは次のとおりです:<br><br> <br>ary[j].style.width = '50px'; </ary.length></ary.length> </div>ary[j].style.height = '50px'; <br>ary[j].style.backgroundColor = 'gold '; <br><br> <br>テスト 2 cssText を使用して 1 行で実行します<div class="codetitle"><span><a style="CURSOR: pointer" data="85661" class="copybut" id="copybut85661" onclick="doCopy('code85661')"><u></u>コードをコピーします</a></span></div>は次のとおりです:<div class="codebody" id="code85661"> <br> <br>sty .cssText = 'width:50px;height:50px;background-color:red;'; <br><br> </div> <br>テスト 1 とテスト 2 はどちらも 1000 div をページに追加します。 <br> <div class="codetitle">テスト 1 次の 3 行のコードを使用します<span><a style="CURSOR: pointer" data="25182" class="copybut" id="copybut25182" onclick="doCopy('code25182')"><u></u></a>コードをコピーします</span> </div> <div class="codebody" id="code25182"> コードは次のとおりです:<br><br> </div>ary[ j].style.width = '50px';<br>ary[j].style.height = '50px';<p>ary[j].style.backgroundColor = 'gold';</p> <p><br>テスト 2 cssText を使用して 1 行で実行します</p> <div class="codetitle"><span><a style="CURSOR: pointer" data="6619" class="copybut" id="copybut6619" onclick="doCopy('code6619')"><u></u>コードをコピーします</a></span></div> コードは次のとおりです:<div class="codebody" id="code6619"> <br><br>sty.cssText = 'width:50px;height:50px;background-color:red;';<br><br> </div>テストコード: <br><br><div class="codetitle"> <span>直接テストするにはここをクリックしてください: <a style="CURSOR: pointer" data="88866" class="copybut" id="copybut88866" onclick="doCopy('code88866')"> <u> </u> || </a> || </span> </div> <div class="codebody" id="code88866"> <br> <br> </div> <br><br> <div class="htmlarea"> <textarea id="runcode15974">[Ctrl A すべて選択 注: <p>外部 Js を導入する必要がある場合は、更新して実行する必要があります </p>]<div><input onclick="test1()" value="测试1" type="button"></div></textarea> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
