Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
JefferyWA
0 / 0 / 0
Регистрация: 10.09.2016
Сообщений: 69
1

Взаимодействие с элементом HTML через class

20.01.2017, 01:32. Просмотров 308. Ответов 4
Метки нет (Все метки)

Возможно ли воссоздать нечто подобное
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var id_menu = new Array('subMenu');
startList = function allclose() {
    for (i=0; i < id_menu.length; i++){
        document.getElementById(id_menu[i]).style.display = "none";
    }
}
 
function openMenu(id){
    for (i=0; i < id_menu.length; i++){
            if (id != id_menu[i]){
        document.getElementById(id_menu[i]).style.display = "none";
        }
    }
    if (document.getElementById(id).style.display == "block"){
        document.getElementById(id).style.display = "none";
    }else{
        document.getElementById(id).style.display = "block";
    }
}
window.onload=startList;
только вместо document.getElementById брать за основу getElementsClassName?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
20.01.2017, 01:32
Ответы с готовыми решениями:

Взаимодействие html формы с javascript (динамическая форма)
Суть в том , чтобы написать код такой формы: Есть чекбокс, с тремя пунктами,...

Добавление html через jQ
Как добавить html код с через jQ используя только идентификатор или класс из...

include в html через javascrit
привет всем, можно ли в яваскрипте прописать чтобы в html код инклюдился php...

Создание комментария в html через js
Подскажите, можно ли добавить на страницу через js файл комментарий вида...

Изменить html через URL
Всем привет, я тут новенький. Вот уже и утро настало, а я никак не могу решить...

4
brain-4-me
121 / 122 / 83
Регистрация: 24.12.2013
Сообщений: 665
Записей в блоге: 10
20.01.2017, 06:36 2
JefferyWA,
такого метода getElementsByClassName нету в JS есть для него эмуляция что то типа такого
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function getElementsByClass (classList, node) {           
        var node = node || document,
        list = node.getElementsByTagName('*'),
        length = list.length, 
        classArray = classList.split(/\s+/),
        classes = classArray.length,
        result = [], i,j
        for(i = 0; i < length; i++) {
            for(j = 0; j < classes; j++)  {
                if(list[i].className.search('\\b' + classArray[j] + '\\b') != -1) {
                    result.push(list[i])
                    break
                }
            }
        }
     
        return result
    }
но не знаю прокатит или нет, и тебе обязательно надо на чистом JS без jQuery? с ним удобнее
и если надо получить именно элемент то
Javascript
1
getElementByID('id') == $('#id')[0] == $('.class')[0]
по моему так
0
BANO
Ренегат
Эксперт HTML/CSS
1716 / 1059 / 385
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
21.01.2017, 03:52 3
Цитата Сообщение от brain-4-me Посмотреть сообщение
такого метода getElementsByClassName нету в JS
Ошибаетесь.
1
alexsamos33
618 / 598 / 325
Регистрация: 26.04.2014
Сообщений: 1,968
21.01.2017, 14:09 4
Ещё можно через .querySelector / .querySelectorAll (".класс")
0
BANO
Ренегат
Эксперт HTML/CSS
1716 / 1059 / 385
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
21.01.2017, 21:31 5
alexsamos33, конечно можно. Вопрос для меня в данном случае заключается в скорости поиска.
0
21.01.2017, 21:31
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
21.01.2017, 21:31

Передать JS действия через HTML ссылку
Всем привет. Есть сслыка &lt;a href=&quot;/blabla.html&quot;&gt;BlaBla&lt;/a&gt; На странице...

JS+HTML= Выполнить скрипт через button
Здравствуйте! Помогите пожалста, уже несколько дней пытаюсь сделать, но всё...

Обновление таблицы html через ajax
с пхп через limit я достаю первые 10 строк таблицы. потом через пхп и хтмл...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru