0

Помогите пожалуйста лаконично инициализировать скрипт для элементов класса rainbow_text.

Как видно, сейчас у меня для 3 элементов ручками прописана инициализация. Это не рационально так как их может быть намного больше.

Было бы отлично не использовать циклы

html:

<span>header</span>
<br />
<div class="logo">
    weterteyrtutyu<span class="rainbow_text" >sergey kalinin 123</span>wqeqweqwqrvdg
</div>
<br />

<span class="rainbow_text" >qwerty asdf zxzx</span>

<br />

<span>footer</span>

<br />

<span class="rainbow_text" >qzx</span>

js:

    new KalininRainbowText({
    element: document.getElementsByClassName ('rainbow_text')[0], 
    colorArray: new Array('red', 'lime', 'blue', 'navy', 'green', 'magenta', '#883f46', '#4bb1ff')          
}); 

new KalininRainbowText({
    element: document.getElementsByClassName ('rainbow_text')[1], 
    colorArray: new Array('red', 'lime', 'blue', 'navy', 'green', 'magenta', '#883f46', '#4bb1ff')          
}); 

new KalininRainbowText({
    element: document.getElementsByClassName ('rainbow_text')[2], 
    colorArray: new Array('red', 'lime', 'blue', 'navy', 'green', 'magenta', '#883f46', '#4bb1ff')          
});
2
  • было бы логично показать fiddle, как я понимаю KalininRainbowText это ваш собственный объект, и почему он не работает просто с NodeList - вопрос исключительно ваш.
    – zb'
    13 июл 2013 в 7:54
  • да, извиняюсь. вот фиддл jsfiddle.net/yrUJy >> почему он не работает просто с NodeList хотел бы для тренировки попробовать именно такой способ
    – cyklop77
    14 июл 2013 в 8:14

1 ответ 1

1

Если я правильно понял, что вы хотите сделать.

var elements = document.getElementsByClassName('rainbow_text');
var colorArray = ['red', 'lime', 'blue', 'navy', 'green', 'magenta', '#883f46', '#4bb1ff'];

for (var i = 0; i < elements.length; i++) {
  new KalininRainbowText({element: elements[i], colorArray: colorArray});
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.