Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.04.2015, 15:11
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 591

Изменить id на class
Здравствуйте. Есть код для анимации написания текста
window.onload = function(){
    // public variables
    var vLetter = document.getElementById('letter');
    var iSpeedInk = 5;
 
    // other variables
    var sText = document.getElementById('letter_src').innerHTML;
    var iCurChar = 0;
    var sChars = '<span>';
    var iCurInk = 0;
    var sCurCaret = '';
    var sCaret = '';
 
    var doStep = function () {
        // current char
        var sChar = sText.charAt(iCurChar);
 
        // default char delay
        var iDelay = 32;
 
        if (sChar == '') {
            sCurCaret = '';
        } else if (sChar == '|') { // we use | symbol to emulate 'error' symbol
            sChar = '';
            sChars = sChars.substring(0, sChars.length-1);
            iDelay = 64;
        } else if (sChar == '<') { // pass tags
            var iPos = sText.indexOf('>', iCurChar);
            sChar = sText.substring(iCurChar, iPos + 1);
            iCurChar = iPos;
        } else if (sChar == '&') { // pass html entities
            var iPos = sText.indexOf(';', iCurChar);
            sChar = sText.substring(iCurChar, iPos + 1);
            iCurChar = iPos;
        } else if (sChar == '.') { // custom delay in case of . symbol
            iDelay = 300;
        } else if (sChar == ',') { // custom delay in case of , symbol
            iDelay = 100;
        } else if (sChar == ' ') { // custom delay in case of space symbol
            iDelay = 32;
        } else if (iCurChar > 5) {
            sCurCaret = sCaret;
        }

        sChars += sChar;
 
        // hide the caret at the end of the letter
        if (iCurChar == sText.length - 1)
            sCurCaret = '';
 
        // update letter with new chars
        vLetter.innerHTML = sChars + sCurCaret;
 
        // goto next char
        iCurChar++;
 
        // next step
        if (iCurChar < sText.length) {
            setTimeout(doStep, 20 + iDelay);
        }
    }
 
    doStep();
};

Стараюсь применить его в слайдере.И поэтому id хочу поменять на класс, но при замене getElementById на getElementByClassName код перестаёт работать. Подскажите, плиз, в чём дело?
Ответить с цитированием
  #2 (permalink)  
Старый 20.04.2015, 15:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,984

Сообщение от ureech
getElementByClassName
может потому что такого метода ещё не придумали ?
Ответить с цитированием
  #3 (permalink)  
Старый 20.04.2015, 15:23
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 591

Блин, точно, s на конце профукал. Спасибо.
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
изменить в таблице столбце td дата_время НА td class дата+<a...> _Eldar_ Общие вопросы Javascript 4 11.03.2015 20:00
Как изменить цвет и размер шрифта в Java savas332 Серверные языки и технологии 3 09.01.2014 15:02
Использование классов в JavaScript devote Ваши сайты и скрипты 70 01.02.2013 15:17
Как работает функция Class godofjavascript Оффтопик 58 17.12.2012 07:49
Как можно изменить URL в адресной строке браузера? балерун Events/DOM/Window 12 17.11.2009 12:08