Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / HTML, JavaScript, VBScript, CSS Новый топик    Ответить
 Вывод информации не по ID  [new]
Stang
Member

Откуда:
Сообщений: 75
Есть код, который работает нормально, но мне его не хватает. Не могу понять как мне использовать скрипт многократно. Можно ли так сделать, чтобы обращать не к конкретному id, а просто в нужном мне тэге вставлять переменную? Вот мне конкретно надо продублировать имя пользователя в многих местах страницы, как это сделать?
Как вас зовут? <input id="first_name"> 

                
                    
                <button id="say">Познакомиться</button> 
                <hr>
                    
                <div id="result">
                    
                </div> 
                <script>function say_hi() { 
                var fname = document.getElementById('first_name').value;
                
                 var html = 'Привет <b>' + fname + '</b> ';
                 document.getElementById('result').innerHTML = html;
                 } 
                 document.getElementById('say').addEventListener('click', say_hi);
                 </script>
12 фев 18, 23:14    [21186561]     Ответить | Цитировать Сообщить модератору
 Re: Вывод информации не по ID  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13037
Stang
Вот мне конкретно надо продублировать имя пользователя в многих местах страницы, как это сделать?

Нужно правильно идентифицировать, нужные тебе, элементы... Ведь в ДОМ-модели есть много чего помимо метода getElementById().
13 фев 18, 08:22    [21186780]     Ответить | Цитировать Сообщить модератору
 Re: Вывод информации не по ID  [new]
Stang
Member

Откуда:
Сообщений: 75
krvsa
Нужно правильно идентифицировать, нужные тебе, элементы... Ведь в ДОМ-модели есть много чего помимо метода getElementById().

А можно подробней, где и про что читать? Нельзя как в стилях, использовать не айдишники, а классы?
13 фев 18, 09:35    [21186876]     Ответить | Цитировать Сообщить модератору
 Re: Вывод информации не по ID  [new]
skyANA
Member

Откуда: Зеленоград
Сообщений: 24060
Stang
Нельзя как в стилях, использовать не айдишники, а классы?

Можно

https://developer.mozilla.org/ru/docs/Web/API/Document/querySelector
https://developer.mozilla.org/ru/docs/Web/API/Document/querySelectorAll
13 фев 18, 09:38    [21186880]     Ответить | Цитировать Сообщить модератору
 Re: Вывод информации не по ID  [new]
skyANA
Member

Откуда: Зеленоград
Сообщений: 24060
Stang
А можно подробней, где и про что читать?

Учебник читайте, например здесь: https://learn.javascript.ru/searching-elements-dom
13 фев 18, 09:40    [21186885]     Ответить | Цитировать Сообщить модератору
 Re: Вывод информации не по ID  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13037
Stang
Нельзя как в стилях, использовать не айдишники, а классы?

Можно все использовать как в ЦСС селекторах. Есть такие методы как
https://learn.javascript.ru/searching-elements-dom
13 фев 18, 09:54    [21186911]     Ответить | Цитировать Сообщить модератору
 Re: Вывод информации не по ID  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13037
О, эту ссылочку уже дали.
13 фев 18, 09:55    [21186914]     Ответить | Цитировать Сообщить модератору
 Re: Вывод информации не по ID  [new]
Stang
Member

Откуда:
Сообщений: 75
+100500 вам в карму! Хоть понял от чего отталкиваться, до этого не мог даже понять что искать.
13 фев 18, 11:21    [21187181]     Ответить | Цитировать Сообщить модератору
Все форумы / HTML, JavaScript, VBScript, CSS Ответить