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

Question

[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);

Answer 1

[Сергей Сунцев]

setInterval(function(){
  var runRo1 = document.getElementsByClassName('btn send-private-message-btn white');
  const node = document.querySelector('.buy-deposit.btn.white')
  if(runRo1.length == 1){
    runRo1.appendChild(node)
  }
},1000);

Как то так

Comments

[Сергей Сунцев]

если надо рядом с ним добавить, то

setInterval(function(){
  var runRo1 = document.getElementsByClassName('btn send-private-message-btn white');
  const node = document.querySelector('.buy-deposit.btn.white')
  if(runRo1.length == 1){
    runRo1.ParentNode.appendChild(node)
  }
},1000);

Answer 2

[freelion93]

не подходит Append метод в jQuery?
https://www.w3schools.com/jquery/html_append.asp

Answer 3

[Сергей Соколов]

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

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);
}