@MRcracker

Как добавить кнопку к блоку?

Есть небольшой список.
<ul>
	<li class="test"><a href="#">Текст</a></li>
	<ul>
		<li><a href="#">1</a></li>
		<li><a href="#">2</a></li>
		<li><a href="#">3</a></li>
	</ul>
	<li class="test"><a href="#">Текст</a></li>
</ul>


Как через js добавить кнопку справа от блоков с классом test?
  • Вопрос задан
  • 55 просмотров
Решения вопроса 1
Rapprogtrain
@Rapprogtrain
Проект о программировании
Если вы хотите создать кнопку через js, то вот так:
var btn = document.createElement("button");
btn.className = "test";
btn.innerHTML = "Текст";
document.body.appendChild(btn);

Задать позиционирование можно через flex
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
sniggering_deus
@sniggering_deus Куратор тега JavaScript
I will live forever in the flame of your eyes.
Если нужно добавить кнопку в каждый блок с классом .test :

const elems = document.querySelectorAll(".test");

elems.forEach(el => {   
const bttn = document.createElement("button");       
bttn.classList.add("main-button");
bttn.textContent = `Я кнопка`;
el.appendChild(bttn);
});


А это если нужно просто вставить в тело документе, точнее в тег body :

const bttn = document.createElement("button");       
bttn.classList.add("main-button");
bttn.textContent = `Я кнопка`;
document.body.appendChild(bttn);
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы