Автор Sdasd sadasdasd задал вопрос в разделе JavaScript
JS / onclick есть вопрос по применению и получил лучший ответ
Ответ от Metotron[гуру]
document.querySelctor('.имя_класса')
Сейчас использовать getElementById как-то немного архаично
Metotron
Оракул
(98436)
То есть, оставить несколько одинаковых ID? Во вконтакте, кстати, так сделано было; не знаю, как сейчас. Видел в музыке кнопки удаления #delete
Ответ от Ёергей Чекоданов[гуру]
честно нифига не понял, но ид должно быть одно на странице, можешь вместо него применять собственный атрибут, только поройся в книгах, такой атрибут иногда регистрировать в DOM надо, с другой стороны чтобы получить данные элемента достаточно прописать var child=
document.all[event.srcElement.getAttribute("child",
false)];
где child собственный атрибут, однако он тоже должен быть разный, можно и с ид поиздеваться, конечно разные вывести, кароч ид или собственный атрибут в данном случае это идентификаторы, а еще это строки. Нужно 4 кнопки для 4 полей, но придумывать разные ид лень? пропиши на сервере вывести ид один7 за другим к примеру с0 с1 с2, вот и все и получай доступ по ним также как сравниваешь строки или символы. с в данном случае это будет ид задачи, а цифра номер поля, то есть номер полей может иметь ид м0 м1 м2. ну как то так) понаписал много лишнего, но может пригодится когда одного ид мало
честно нифига не понял, но ид должно быть одно на странице, можешь вместо него применять собственный атрибут, только поройся в книгах, такой атрибут иногда регистрировать в DOM надо, с другой стороны чтобы получить данные элемента достаточно прописать var child=
document.all[event.srcElement.getAttribute("child",
false)];
где child собственный атрибут, однако он тоже должен быть разный, можно и с ид поиздеваться, конечно разные вывести, кароч ид или собственный атрибут в данном случае это идентификаторы, а еще это строки. Нужно 4 кнопки для 4 полей, но придумывать разные ид лень? пропиши на сервере вывести ид один7 за другим к примеру с0 с1 с2, вот и все и получай доступ по ним также как сравниваешь строки или символы. с в данном случае это будет ид задачи, а цифра номер поля, то есть номер полей может иметь ид м0 м1 м2. ну как то так) понаписал много лишнего, но может пригодится когда одного ид мало
Ответ от Ёергей Жаков[гуру]
id всегда должны быть уникальны
если нужно одинаковые названия
использовать используй классы + getElementsByClassName или querySelector**
-- полезные функции
querySelectorAll -- ссылка
querySelector -- ссылка
getElementsByClassName ---ссылка
и рекомендую ознакомится с classList - очень полезный функционал
ссылка
id всегда должны быть уникальны
если нужно одинаковые названия
использовать используй классы + getElementsByClassName или querySelector**
-- полезные функции
querySelectorAll -- ссылка
querySelector -- ссылка
getElementsByClassName ---ссылка
и рекомендую ознакомится с classList - очень полезный функционал
ссылка
Ответ от Islam Ibakaev[гуру]
codepen.io/dagman/pen/XRwdpM
------
var trigger = document.querySelector('.show-trigger')
trigger.addEventListener('click', show)
function show() {
// this - это кликнутая кнопка
var block = this.parentNode.querySelector('.target')
block.classList.toggle('go-right')
this.textContent === 'Свернуть'
? this.textContent = 'Читать'
: this.textContent = 'Свернуть';
}
codepen.io/dagman/pen/XRwdpM
------
var trigger = document.querySelector('.show-trigger')
trigger.addEventListener('click', show)
function show() {
// this - это кликнутая кнопка
var block = this.parentNode.querySelector('.target')
block.classList.toggle('go-right')
this.textContent === 'Свернуть'
? this.textContent = 'Читать'
: this.textContent = 'Свернуть';
}
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: JS / onclick есть вопрос по применению