form içindeki div'lere ulaşma ?

[Lisans]

Selam arkadaşlar,
sayfamda bir form var bu form'un içinde div'ler var ben bu div'lere nasıl ulaşabilirim? elements diyince inputlar geliyor bana div'ler lazım

[Yns]

div'lerin bir id'si var mi?

document.getElementById('div_id')

[Lisans]

id'si varda dhtml ile ekstradan div'de ekliyorum en sonunda topluca bu div'lerden arkaplan renklerini almak istiyorum kaç adet div olacağını bilemem ne kadar eklersek artıyor div sayısı.

[Yns]

kodlarini yapistirman mümkün mü?

[Lisans]

<script>
function Slot(){
var element = document.getElementById('secenek_alan');
var div = document.createElement("div");
div.innerHTML = '<div style="height:10px;"><input type="text" name="secenek[]" id="colorfield'+id+'" onFocus="ddcolorposter.echocolor(this, \'colorbox'+id+'\')" onblur="test(colorbox'+id+');" style="float:left;"><div id="colorbox'+id+'" class="colorbox" style="width:35px; height:19px; background-color:#fff; float:left;"></div></div><br />';
element.appendChild(div);
id++;
}
</script>


<form name="forum" method="get" action="">
<div id="secenek_alan">
<div style="height:10px;">
<input type="text" name="secenek[]" id="colorfield1" onFocus="ddcolorposter.echocolor(this, 'colorbox1');" onblur="test('colorbox1');" style="float:left;">
<div id="colorbox1" class="colorbox" style="width:35px; height:19px; background-color:#fff; float:left;"></div>
</div><br />
<div style="height:10px;">
<input type="text" name="secenek[]" id="colorfield2" onFocus="ddcolorposter.echocolor(this, 'colorbox2')" onblur="test('colorbox2');" style="float:left;">
<div id="colorbox2" class="colorbox" style="width:35px; height:19px; background-color:#fff; float:left;"></div>
</div><br />
</div>
<input type="submit" value="Gönder" />
</form>

şöyle bir şey geldi aklıma aslında ama şu an çalışmıyor nedense onFocus'a koyunca kodu çalışıyor

<script type="text/javascript">
var a = new Array();
function test(val){
a[val] = document.getElementById(val).style.backgroundColor ;
}
function ale(){
for(x in a){
alert(a[x]);
}
}
</script>

[Kurtaran]

form a bir id ver mesela form1 olsun

<form id="form1" name="forum" method="get" action="">

şeklinde..

Burdanda
divler = document.getElementById("form1").getElementsByTagN ame("div");

şeklinde form tagı içindeki divlere ulaşabilirsin.. Unutma burdaki divler değişkeni bir array.

[Lisans]

Teşekkürler dediğiniz gibi oldu fakat şimdi birşey yapmak istiyorum onu yapamadım
function Slot(){
var element = document.getElementById('secenek_alan');
var div = document.createElement("div");
div.innerHTML = '<div id="colorfill'+id+'" class="color" style="height:10px;"><input type="text" name="secenek[]" id="colorfield'+id+'" onFocus="ddcolorposter.echocolor(this, \'colorbox'+id+'\')" style="float:left;"><div id="colorbox'+id+'" class="colorbox" style="width:35px; height:19px; background-color:#fff; float:left;"></div>&nbsp;&nbsp;<a href="javascript:Slot_Sil(\'colorfill'+id+'\')">Si l</a></div><br />';
element.appendChild(div);
id++;
}
function Slot_Sil(val){
var oldelement = document.getElementById('secenek_alan');
var olddiv = document.getElementById(val);
try{
oldelement.removeChild(olddiv);
}catch(e){
alert(e);
}
}

div ekliyorum ve birde div siliyorum fakat eklediğim div'i silmek istediğimde exception resimdeki hatayı veriyor

[muazzez]

Böyle dene:
olddiv.parentNode.removeChild(olddiv);

 
<script type="text/javascript">
var id = 1;
function Slot(){

var element = document.getElementById('secenek_alan');
var div = document.createElement("div");
div.innerHTML = '<div id="colorfill'+id+'" >katman</div><br />';
element.appendChild(div);
id++;
}

function Slot_Sil(val){
var oldelement = document.getElementById('secenek_alan');
var olddiv = document.getElementById(val);
olddiv.parentNode.removeChild(olddiv);

/*
try{
oldelement.removeChild(olddiv);
}catch(e){
alert(e);
}
*/

}

</script>
<div id="secenek_alan"></div>
<input type="button" value="ekle" onclick="Slot()"><br>
<input type="button" value="sil" onclick="Slot_Sil('colorfill1')">