به کار بردن تکنیک for برای تغییر استایل html در جاوا اسکریپت

Question

به کار بردن تکنیک for برای تغییر استایل html در جاوا اسکریپت

سوال

سلام خسته نباشید

توی بخش ۱۴ از آموزش جاوا اسکریپت که جناب عباسی تهیه کردن یک قسمتی هست که ایشون از طریق حلقه های تکرار و دستور for شکل و استایل elements های html را تغیر می دن و این کار را از طریق class انجام می دن

من سعی کردم همین روش را برای id هم انجام بدم ولی روی آیدی کار نمی کنه می شه لطفا” بگید چرا؟

در حال بررسی 0

javascript-jquery roz333 4 سال 1 پاسخ 402 دیده شده 0

درباره roz333

پاسخ ( ۱ )

ارسال یک پاسخ

سوال قبلی

سوال بعدی

arefbakhshi1551376 · Answer 1 · ۱۳۹۹-۰۳-۰۸

احتمالا به خاطر این است که هر تگ روی صفحه فقط می تواند یک id داشته باشد و چند تگ نمی توانند id یکسان داشته باشند. برای همین وقتی می خواهید یک حلقه for را روی یک متغیر که به وسیله id آن را صدا زده اید پیاده کنید، آن متغیر فقط یک عضو دارد و حلقه for فقط می تواند استایل همان عضو را تغییر دهد.

برای این که کد شما درست کار کند، از id استفاده نکنید. از class یا هر چیز دیگری که منحصر به فرد نباشد استفاده کنید.

من برنامه ای شبیه آن چه شما می خواهید را به صورت زیر نوشتم:

<body>
<p id="paragraph1">paragraph1</p>
<p id="paragraph2">paragraph2</p>
<p id="paragraph3">paragraph3</p>
<p id="paragraph4">paragraph4</p>
<p id="paragraph5">paragraph5</p>
<p id="paragraph6">paragraph6</p>
</body>
<script>
    var paragraphs = document.getElementsByTagName('p');
    for (var i = 0; i < paragraphs.length; i++) {
        paragraphs[i].style.backgroundColor='red';
    }
</script>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<body>

paragraph1

paragraph2

paragraph3

paragraph4

paragraph5

paragraph6

</body>

var paragraphs = document.getElementsByTagName('p');

for (var i = 0; i < paragraphs.length; i++) {

paragraphs[i].style.backgroundColor='red';

}

</script>