cells प्रॉपर्टी

cells प्रॉपर्टी पंक्ति tr की td और th सेल्स का संग्रह संग्रहीत करती है। यह केवल टेबल की पंक्ति पर लागू होती है।

सिंटैक्स

tr.cells;

उदाहरण

आइए rows प्रॉपर्टी का उपयोग करके टेबल की सभी पंक्तियों को पुनरावृत्त करें, और प्रत्येक पंक्ति में cells प्रॉपर्टी का उपयोग करके उसकी सेल्स को पुनरावृत्त करें:

<table id="table">
	<tr>
		<td>1</td><td>2</td><td>3</td>
	</tr>
	<tr>
		<td>4</td><td>5</td><td>6</td>
	</tr>
	<tr>
		<td>7</td><td>8</td><td>9</td>
	</tr>
</table>

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

for (let row of table.rows) {
	for (let cell of row.cells) {
		console.log(cell);
	}
}

उदाहरण

आइए rows प्रॉपर्टी का उपयोग करके टेबल की सभी पंक्तियों को पुनरावृत्त करें और प्रत्येक पंक्ति में सेल्स की संख्या जानें:

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

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

for (let row of table.rows) {
	console.log(row.cells.length);
}

उदाहरण

पहली सेल का बैकग्राउंड सेट करें:

<table id="table">
	<tr>
		<td>1</td><td>2</td><td>3</td>
	</tr>
	<tr>
		<td>4</td><td>5</td><td>6</td>
	</tr>
	<tr>
		<td>7</td><td>8</td><td>9</td>
	</tr>
</table>

table, td {
	border: 1px solid black;
}

let table = document.querySelector('#table');
table.rows[0].cells[0].style.background = 'red';

उदाहरण

टेबल की सेल्स का बैकग्राउंड विकर्ण पर सेट करें:

<table id="table">
	<tr>
		<td>1</td><td>2</td><td>3</td>
	</tr>
	<tr>
		<td>4</td><td>5</td><td>6</td>
	</tr>
	<tr>
		<td>7</td><td>8</td><td>9</td>
	</tr>
</table>

table, td {
	border: 1px solid black;
}

let table = document.querySelector('#table');
let rows = table.rows;

for (let i = 0; i < rows.length; i++) {
	rows[i].cells[i].style.background = 'red';
}

यह भी देखें

rows प्रॉपर्टी,
जिसमें टेबल की पंक्तियाँ होती हैं
tHead प्रॉपर्टी,
जिसमें टेबल का thead होता है
tFoot प्रॉपर्टी,
जिसमें टेबल का tfoot होता है
tBodies प्रॉपर्टी,
जिसमें टेबल का tbody होता है