Задать вопрос
Sedbol
@Sedbol

Как добавить элемент?

Как добавить элемент в конец ?
Получаю элемент к которому добавить
var runRo1 = document.getElementsByClassName('btn send-private-message-btn white');

К нему надо добавить элемент
<div class="buy-deposit btn white" only-other-profile="">Забронировать на бирже</div>

как это сделать?

setInterval(function(){
	var runRo1 = document.getElementsByClassName('btn send-private-message-btn white');
	if(runRo1.length == 1){
????
		
	}
	

},1000);
  • Вопрос задан
  • 47 просмотров
Подписаться 1 Простой Комментировать
Решение пользователя Сергей Соколов К ответам на вопрос (3)
sergiks
@sergiks Куратор тега JavaScript
♬♬
Как добавить элемент в конец ?

appendChild()

Неправильный, но легкий способ: если у родителя не навешаны слушатели событий, то просто заменить HTML:
var runRo1 = document.getElementsByClassName('btn send-private-message-btn white');
if(runRo1.length == 1){
  runRo1[0].innerHTML += '<div class="buy-deposit btn white" only-other-profile="">Забронировать на бирже</div>';
}


Но если вариант с innerHTML что-то порушит - перестанет там где-то реагировать на клики, то надо делать «правильно»: создавать элемент и вставлять в конец через appendChild():
if(..) {
  const div = document.createElement('div');
  div.classList.add('buy-deposit', 'btn', 'white');
  div.setAttribute('only-other-profile', '');
  div.appendChild( document.createTextNode('Забронировать на бирже'));
  runRo1[0].appendChild(div);
}
Ответ написан
Комментировать