ランダムな量のdivを作成するスクリプトを作成できません。この特定の例では、5から20の間です。問題はforループにあるのでしょうか。乱数を生成する関数は、以下のランダムカラー関数で正しく機能しています。何らかの理由で認識されないようです。また、firebugでエラーが発生していません。
例：
function generateDiv(){
var dfrag = document.createDocumentFragment();
var count = generateRandom(5, 20);
var i=0;
for (var i = 0; i < count; i++){
var div = document.createElement("div");
dfrag.appendChild(div);
}
}
var divs = document.getElementsByTagName("div");
for (i = 0; i < divs.length; i++) {
div = divs[i];
alterDivStyle(div);
}
function rndColor() {
var r = ('0' + generateRandom(0,255).toString(16)).substr(-2), // red
g = ('0' + generateRandom(0,255).toString(16)).substr(-2), // green
b = ('0' + generateRandom(0,255).toString(16)).substr(-2); // blue
return '#' + r + g + b;
}
function generateRandom(min, max) {
var number = Math.floor(Math.random() * (max - min )) + min;
return number;
}
function alterDivStyle(div){
div.style.width = generateRandom(20, 100) +"px";
div.style.height = generateRandom(20, 100) +"px";
div.style.backgroundColor = rndColor();
div.style.color = rndColor();
div.style.position = "absolute";
div.style.border = "solid";
div.style.borderColor = rndColor();
div.style.borderWidth = rndColor();
div.style.borderRadius = generateRandom(0, 10)+"px";
div.innerHTML = "<strong>div</strong>";
};
ドキュメントフラグメントをDOMに追加したことはありません
「DocumentFragmentsはDOMノードです。メインのDOMツリーの一部になることはありません。通常の使用例は、ドキュメントフラグメントを作成し、ドキュメントフラグメントに要素を追加してから、ドキュメントフラグメントをDOMツリーに追加することです。DOMツリーでは、ドキュメントフラグメントは、そのすべての子に置き換えられます。」
https://developer.mozilla.org/en-US/docs/Web/API/document.createDocumentFragment
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加