Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Задать цвет тексту при помощи цикла (https://javascript.ru/forum/misc/52803-zadat-cvet-tekstu-pri-pomoshhi-cikla.html)

nayldock 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 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 07.01.2015 20:24

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

рони 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 07.01.2015 21:47

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

danik.js 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>


Часовой пояс GMT +3, время: 07:10.