Создать кнопку на javascript

@brutal111 · Регистрация: 15.12.2009

Author24 — интернет-сервис помощи студентам

Подскажите, как создать кнопку на javascript, хтмл кода?

@EPMAK · 03.08.2012, 10:54

HTML5

1	<input type="button" name="" onclick="alert('button brut');return false;" value="button"/>

@brutal111 · 03.08.2012, 12:22 **[ТС]**

всмысле без хтмл кода. чисто средствами яваскрипта чистого

@kalabuni · 03.08.2012, 12:57

Javascript

// создание "виртуального образа" кнопки
var btn = document.createElement (('v' == '\v') ? '<input name="myName">' : 'input'); btn.name = 'myName';
btn.type = 'button'; // или 'submit', или 'reset';
btn.id = 'myUniqueID';
btn.value = 'Дави!'; // или 'Отправить', или 'Очистить'...
btn.style.cssText = 'color: red; margin-top: 100px; ...';
 
// "приживление" кнопки
// вариант первый: перед закрывающим тегом какого-нить тега-контейнера с id="myPlace"
document.getElementById ('myPlace').appendChild (btn);
 
// вариант второй: перед открывающим тегом какого-нить тега c id="myElem"
document.getElementById ('myElem').parentNode.insertBefore (btn, document.getElementById ('myElem'));

Примечание: относительно "сложная" конструкция в строке #2 кода нужна только в случае назначения имени для кнопки, которая будет "приживляться" вовнутрь формы.
Если атрибут NAME не нужен, то строку #2 можно заменить на var btn = document.createElement ('input');

@rim41 · 27.10.2020, 11:07

А как на такую кнопку вешать функцию, и событие, при котором должна выполниться функция?

@kalabuni · 27.10.2020, 20:00

rim41, например, для события клика по кнопке перед "приживлением" (перед строкой #8 моего кода выше) пропишите:
btn.onclick = function () {alert ('здесь код функции');}
или btn.onclick = имя определённой ранее функции (без пары круглых скобок);

@brutal111 0 / 0 / 0 Регистрация: 15.12.2009 Сообщений: 81
		1
	Создать кнопку на javascript 03.08.2012, 10:14. Показов 52881. Ответов 5 Метки нет (Все метки) Подскажите, как создать кнопку на javascript, хтмл кода? 0

@brutal111 0 / 0 / 0 Регистрация: 15.12.2009 Сообщений: 81
	03.08.2012, 12:22 [ТС]	3
	всмысле без хтмл кода. чисто средствами яваскрипта чистого 0

@rim41 1044 / 314 / 77 Регистрация: 16.03.2020 Сообщений: 954
	27.10.2020, 11:07	5
	А как на такую кнопку вешать функцию, и событие, при котором должна выполниться функция? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	27.10.2020, 20:00	6
	rim41, например, для события клика по кнопке перед "приживлением" (перед строкой #8 моего кода выше) пропишите: btn.onclick = function () {alert ('здесь код функции');} или btn.onclick = имя определённой ранее функции (без пары круглых скобок); 1