Методи appendChild

Методи appendChild имкон медиҳад, ки ба охири ягон элемент элементро ворид кунед. Бештар вақт пас аз сохтани элемент бо воситаи createElement истифода мешавад.

Синтаксис

родитель.appendChild(элемент);

Намуна

Биёед як абзас эҷод кунем, ба он матн гузорем ва дар саҳифа ба охири блоки #parent ҷойгир кунем:

<div id="parent">
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

let parent = document.querySelector('#parent');

let p = document.createElement('p');
p.textContent = '!';

parent.appendChild(p);

Натиҷаи иҷрои рамз:

<div id="parent">
	<p>1</p>
	<p>2</p>
	<p>3</p>
	<p>!</p>
</div>

Намуна

ul дода шудааст. Биёед дар он 9 теги li ҷойгир кунем, ҳол он ки матни онҳоро рақамҳои тартибӣ созем:

<ul id="parent"></ul>

let parent = document.querySelector('#parent');

for (let i = 1; i <= 9; i++) {
	let li = document.createElement('li');
	li.textContent = i;
	parent.appendChild(li);
}

Натиҷаи иҷрои рамз:

<ul id="parent">
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
	<li>6</li>
	<li>7</li>
	<li>8</li>
	<li>9</li>
</ul>

Намуна

Биёед ҷадвалро бо тр-ҳо ва тд-ҳо пур кунем:

<table id="table"></table>

let parent = document.querySelector('#parent');

for (let i = 1; i <= 3; i++) {
	let tr = document.createElement('tr'); // tr эҷод мекунем
	
	// tr-ро бо td-ҳо пур мекунем:
	for (let j = 1; j <= 3; j++) {
		let td = document.createElement('td'); // td эҷод мекунем
		td.textContent = j; // ба он матн менависем
		
		tr.appendChild(td); // td-и эҷодшударо ба охири tr илова мекунем
	}
	
	table.appendChild(tr); // tr-и эҷодшударо ба охири ҷадвал илова мекунем
}

Натиҷаи иҷрои рамз:

<table id="table">
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
	</tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
	</tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
	</tr>
</table>

Нигаред низ

методи append,
ки элементҳоро ба охир ворид мекунад
методи insertBefore,
ки элементро пеш аз элемент ворид мекунад
методи insertAdjacentElement,
ки элементро ба ҷои додашуда ворид мекунад
методи insertAdjacentHTML,
ки тегҳоро ба ҷои додашуда ворид мекунад