0 امتیاز
قبل در برنامه نویسی توسط (72 امتیاز)
ویرایش شده قبل توسط

با سلام
در یک صفحه یک تگ 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));
}
}

 

2 پاسخ

+1 امتیاز
قبل توسط (7.2هزار امتیاز)
انتخاب شده قبل توسط
 
بهترین پاسخ

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

  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

+2 امتیاز
قبل توسط (1.9هزار امتیاز)
ویرایش شده قبل توسط

برای ایجاد 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>

سوالات مشابه

+1 امتیاز
0 پاسخ 521 بازدید
0 امتیاز
0 پاسخ 257 بازدید
0 امتیاز
1 پاسخ 624 بازدید
0 امتیاز
1 پاسخ 472 بازدید
+1 امتیاز
1 پاسخ 1.5هزار بازدید
سوال شده 9 سال قبل در برنامه نویسی توسط IMANAZADI (72 امتیاز)
0 امتیاز
2 پاسخ 1.3هزار بازدید
+1 امتیاز
1 پاسخ 1.4هزار بازدید
+1 امتیاز
1 پاسخ 1.9هزار بازدید
سوال شده 10 سال قبل در برنامه نویسی توسط IMANAZADI (72 امتیاز)
0 امتیاز
1 پاسخ 673 بازدید
سوال شده 10 سال قبل در برنامه نویسی توسط Saeed Zarinfam (1.1هزار امتیاز)
+1 امتیاز
1 پاسخ 5.4هزار بازدید
...