ホームページ >ウェブフロントエンド >htmlチュートリアル >DIVで変数_html/css_WEB-ITnoseを使用する方法

DIVで変数_html/css_WEB-ITnoseを使用する方法

WBOY
WBOYオリジナル
2016-06-24 12:20:582551ブラウズ

おおよそ次のようなコードがあります:
87324767b0f31e74d7c0597907cddf10
06e5b60d99e2d4ac140d96761bc536f7
447aa6ba69b495492d5a0a961b7359a4 …… 16b28748ea4df4d9c2150843fecfba68 ……
レイヤーが多いのでdivとclass以降の数字は変数を使ってループを実装したい。 HTMLファイルに実装するにはどうすればよいでしょうか?


ディスカッションに返信 (解決策)

1e0c4de43badeaa825236bebe32b838f

.....
16b28748ea4df4d9c2150843fecfba68
JavaScript を使用して div を渡し、ループします内部の div、そして操作

純粋な HTML ではそれを行う方法はありません

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");
}

for(var i=1;i $ ('dd3bc4ce85aa6bff7a3bb9e7ede4951a16b28748ea4df4d9c2150843fecfba68').appendTo("body");
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。