سبد خرید (0)

تبلیغات

اضافه کردن یک عنصر جدید در JavaSCript

اضافه و حذف کردن نودها (عناصر HTML)


اضافه کردن یک عنصر جدید

برای اضافه کردن یک عنصر جدید در مدل DOM، ابتدا باید عنصر را ایجاد کنید و سپس آنرا به یک عنصر موجود، اضافه نمایید.

 مثال

<div id="div1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>

<script>
var para=document.createElement("p");
var node=document.createTextNode("This is new.");
para.appendChild(node);

var element=document.getElementById("div1");
element.appendChild(para);
</script>
خودتان امتحان کنید »

توضیح مثال

کد زیر، یک عنصر جدید <p> ایجاد می کند:

var para=document.createElement("p");

برای اضافه کردن متن به عنصر <p>، ابتدا باید یک نود متنی ایجاد نمایید. کد زیر، این کار را انجام می دهد:

var node=document.createTextNode("This is a new paragraph.");

سپس باید نود متنی را به عنصر <P> اضافه نمایید:

para.appendChild(node);

در آخر باید، عنصر جدید را به یک عنصر موجود اضافه نمایید.

کد زیر، یک عنصر موجود در صفحه را پیدا می کند:

var element=document.getElementById("div1");

کد زیر، عنصر جدید را به عنصر موجود، اضافه می کند:

element.appendChild(para);

مطلب بالا را ویرایش کنید ...!

اگر بنظرتان پاراگراف بالا، نیاز به ویرایش دارد، فقط کافی است عضو سایت شده و با کلیک روی آیکن ویرایش مقاله، مطلب را با نام خودتان ویرایش نمایید. 

تغییرات اعمال شده در اولین فرصت توسط مدیر سایت بررسی شده و نهایتاً به مطلب اصلی منتقل خواهد شد. بدین ترتیب شما نیز سهمی در بالا بردن دانش دیگر هموطنانمان خواهید داشت.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت پرداخت آنلاین - بانک پارسیان پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی