DIV の動的追加、なぜ失敗したのか_html/css_WEB-ITnose-htmlチュートリアル-php.cn

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

ホームページ

ウェブフロントエンド

htmlチュートリアル

DIV の動的追加、なぜ失敗したのか_html/css_WEB-ITnose

Jun 24, 2016 am 11:46 AM

for ループを使用して 10 個の DIV を追加しましたが、ページが表示されません。何が問題でしたか?

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

ページを再レンダリングする必要があります。

ページを再レンダリングするにはどうすればよいですか?

1. appendChild を使用する場合、
var Grid = mini.get("datagrid");
div.appendChild(gridEl)

2. 追加した場合miniui の HTML タグの場合、mini.parse() を実行して HTML タグを解析する必要があります

obj.style['background-image']='url(1.jpg)';

obj.style .background-画像は obj.style.backgroundImage に変更されます

簡単な変更です、見てください

   &lt;html&gt;  	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;    &lt;head&gt;      &lt;title&gt;看看连&lt;/title&gt;      &lt;script src=&quot;http://libs.baidu.com/jquery/1.10.2/jquery.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt; 	&lt;script&gt;			$(document).ready(function(){			var divId=0;			for(var i=0;i&lt;10;i++){				var obj =document.createElement(&quot;div&quot;);				obj.id=&quot;myDiv&quot;+divId;				divId++;				obj.style.background-image='url(1.jpg)';							obj.style.height=&quot;50px&quot;;				obj.style.width=&quot;50px&quot;;								document.body.appendChild(obj);          			}		});		&lt;/script&gt;    &lt;/head&gt;      &lt;body&gt;      &lt;/body&gt;      &lt;/html&gt;

ログイン後にコピー

4 階を見てください

最も奇妙なのは、jquery シェル内に「ネイティブ dom 操作」を記述していることです

このウェブサイトの声明

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