اضافه و حذف کردن نودها (عناصر 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);