ایجاد 10 div در یک div دیگر با جاوااسکریپت

0 رأی
میانگین بازدید روزانه 0.25606 بازدید

با سلام
در یک صفحه یک تگ div با id="sample"داریم
میخواستم ببینم چطوری میشه باتعریف یک button در صفحه و جاوا اسکریپت 10 عدد تگ div رو درون div موجود در صفحه ایجاد ایجاد کنم ؟

من این تابع رو نوشتم ولی ایراد میگیره:

function ap()
{
    var div1=document.getElementById('sample');

for (i=1;i<10;i++)
{
 
   var div(i)=document.createElement("div");

div(i).innerHTML = "Hello";

    div1.appendChild(div(i));
}
}

 

سوال 6 سال قبل در تالار برنامه نویسی توسط IMANAZADI (72 امتیاز)
ویرایش 6 سال قبل توسط Saeed Zarinfam

2 جواب

+1 رأی
 
بهترین جواب

کد خود را به صورت زیر تغییر دهید:

  var div1=document.getElementById('sample');

var div=new Array();
 
for (i=1;i<10;i++)
{
  
   div[i]=document.createElement("div");
 
   div[i].innerHTML = "Hello";
 
   div1.appendChild(div[i]);
}

 

JS fiddle

جواب 6 سال قبل توسط kashi (7,139 امتیاز)
انتخاب شده در 6 سال قبل توسط IMANAZADI
+2 رأی

برای ایجاد 10 div یا کمتر یا بیشتر به این نکات توجه کنید به دلیل و نکته ای اینکه شما می خواهید بین تگ Div باشند پس به جز create element دستورهای که به Div موجود مربوط است رو خارج از حلقه قرار می دهیم (i) علامت رو ببخشید من متوجه نشودم به چه دلیل یک اندیس بجای [] در () قرار گرفت اگر منظورتون اینکه با اندیس اینگونه متغیر Div2, div3,div3 . . بسازین نادرست است امیدوارم که تصویر واضحی از این کد بیان کرده باشم این کدی که برای شما آماده کردم:

<html>
<head>

<script>

function test() {
for (i=1;i<=10;i++)
{
    var element = document.createElement("div");
    element.appendChild(document.createTextNode('hello'));
    document.getElementById('sample').appendChild(element);
}
}

</script>

</head>
<body>
<div id="sample"> 
</div>
<button type="button" name="btn" onclick="test();" >Click Me !</button>
</body>

</html>
جواب 6 سال قبل توسط hosseini (1,852 امتیاز)
ویرایش 6 سال قبل توسط Saeed Zarinfam

سوال های مشابه

+1 رأی
0 جواب میانگین بازدید روزانه 0.12307 بازدید
0 رأی
0 جواب میانگین بازدید روزانه 0.0492 بازدید
0 رأی
1 جواب میانگین بازدید روزانه 0.11309 بازدید
0 رأی
1 جواب میانگین بازدید روزانه 0.11222 بازدید
+1 رأی
1 جواب میانگین بازدید روزانه 0.471,129 بازدید
سوال 6 سال قبل در تالار برنامه نویسی توسط IMANAZADI (72 امتیاز)
0 رأی
2 جواب میانگین بازدید روزانه 0.35835 بازدید
+1 رأی
1 جواب میانگین بازدید روزانه 0.4968 بازدید
+1 رأی
1 جواب میانگین بازدید روزانه 0.581,459 بازدید
سوال 6 سال قبل در تالار برنامه نویسی توسط IMANAZADI (72 امتیاز)
0 رأی
1 جواب میانگین بازدید روزانه 0.15393 بازدید
+1 رأی
1 جواب میانگین بازدید روزانه 1.584,177 بازدید
کانال تلگرام جواب یاب
...