Форум

nayldock · #1 (**permalink**) 07.01.2015, 19:57

Здравствуйте уважаемые форумчане еще раз! Вот опять задача с циклом.
Первая строка имеет цвет 255 0 0, а вот все остальные строки, черные. Почему? Цель была такой, вывести 255 строк, с различным красным оттенком

for(r = 0; r<=255;r++)
{
	document.write("<p id='let'>текст</p>")
	word = document.getElementById('let')
	rgb = 'rgb('+r+','+0+','+0+')';
	word.style.color = rgb
	
}

bes · #2 (**permalink**) 07.01.2015, 20:02

если далеко не ходить

<script>
for(r = 0; r<=255;r++)
{
	document.write("<p id='let'>текст</p>")
	word = document.querySelectorAll('#let')[r];
	rgb = 'rgb('+r+','+0+','+0+')';
	word.style.color = rgb
	
}
</script>

nayldock · #3 (**permalink**) 07.01.2015, 20:24

Спасибо за ответ. А еще есть варианты?

рони · #4 (**permalink**) 07.01.2015, 21:42

nayldock,

<script>
 for (r = 0; r <= 255; r++) {
       var rgb = 'rgb(' + r + ',0,0)';
       document.write("<p style='color:" + rgb + "'>текст</p>")
   }
</script>

nayldock · #5 (**permalink**) 07.01.2015, 21:47

Спасибо, мне нравится Ваше решение

danik.js · #6 (**permalink**) 07.01.2015, 21:59

<body>
<script>
 for (var r = 0; r <= 255; r++) {
       var element = document.createElement('p');
       element.style.color = 'rgb(' + [r, 0, 0] + ')';
       element.textContent = 'текст';
       document.body.appendChild(element);
   }
</script>
</body>

Форум

Справочник

Discord чат

Курсы javascript