Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.04.2021, 08:04
Интересующийся
Отправить личное сообщение для OlesiaBOM Посмотреть профиль Найти все сообщения от OlesiaBOM
 
Регистрация: 05.11.2020
Сообщений: 22

Как получить доступ к butoon
[js]saveModifiedItem.addEventListener('click', function() {
location.hash='tweetItems';
let ul = document.getElementById('list');
console.log(modifyItemInput.value.length);
if(modifyItemInput.value.length===0){
alert('Write text');
}else{
ul.innerHTML +=`<li><span id='tweet'>${ modifyItemInput.value}</span><button id='removeModification'>remove</button><button id='likeModification'>like</button> </li>`;
getVisibility();

}
[js]
Как получить доступ к кнопкам like, remove і к span?
Ответить с цитированием
  #2 (permalink)  
Старый 07.04.2021, 08:59
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

OlesiaBOM,
document.getElementById?
Ответить с цитированием
  #3 (permalink)  
Старый 07.04.2021, 09:10
Интересующийся
Отправить личное сообщение для OlesiaBOM Посмотреть профиль Найти все сообщения от OlesiaBOM
 
Регистрация: 05.11.2020
Сообщений: 22

ul.innerHTML +=`<li><span id='tweet'>${ modifyItemInput.value} </span><button id='removeModification'>remove</button> <button id='likeModification'>like</button> </li>`;

Создан динамически. Доступа через getElementById нет. Вижу решения проблемы, по другому добавлять кнопки и стучатса через Child.
Ответить с цитированием
  #4 (permalink)  
Старый 07.04.2021, 09:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

Сообщение от OlesiaBOM
Доступа через getElementById нет.
куда он исчез?
беда если все id у вас будут одинаковые, лучше использовать классы.
и почитайте про делегирование и клики ставьте не на кнопки а на их родителя ul.
https://learn.javascript.ru/event-delegation
Ответить с цитированием
  #5 (permalink)  
Старый 07.04.2021, 09:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,072

Сообщение от OlesiaBOM
innerHTML
на всякий случай
insertAdjacentHTML
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как получить данные по http ссылке Ракун Events/DOM/Window 8 17.08.2017 17:24
Как получить доступ к window страницы из контент скрипта в хроме? zOdmin Общие вопросы Javascript 1 23.05.2013 22:25
Как получить доступ к iframe? vladbir Общие вопросы Javascript 9 21.11.2012 20:05
Как получить доступ к элементу объекта по "динамической цепочке" kaf Общие вопросы Javascript 4 15.09.2012 10:06
iframe и как получить доступ к его содержимому syegorius jQuery 13 14.04.2011 22:05