ホームページ >ウェブフロントエンド >htmlチュートリアル >DIVで変数_html/css_WEB-ITnoseを使用する方法
おおよそ次のようなコードがあります:
87324767b0f31e74d7c0597907cddf10
06e5b60d99e2d4ac140d96761bc536f7
447aa6ba69b495492d5a0a961b7359a4 …… 16b28748ea4df4d9c2150843fecfba68 ……
レイヤーが多いのでdivとclass以降の数字は変数を使ってループを実装したい。 HTMLファイルに実装するにはどうすればよいでしょうか?
.....
16b28748ea4df4d9c2150843fecfba68
JavaScript を使用して div を渡し、ループします内部の div、そして操作
js を使用するには 3 つのアイデアがあります。
1 つは document.write
2 つは innerHTML
3 つは createElement
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script type="text/javascript"> $(function(){ $("#abv").click(function(){ for(var i=1;i<=$("div").length-1;i++){ $("#div"+i).html(i); } }); })</script><input type="button" id="abv" value="测试用按钮"/><div id="kkk"> <div id="div1" class="class1">`````</div> <div id="div2" class="class2">`````</div> <div id="div3" class="class3">`````</div></div>
1. 子孫コードを使用して実装する
asp.net/asp/jsp のいずれであっても、この利点は for ループがあることです。クライアントが js をサポートしていない場合でも、DIV を表示することもできます
2. js を使用して実装します
for(var i=1;idea45b396e02df4a55783e994a839d7516b28748ea4df4d9c2150843fecfba68').append("body");
}