Преобразовать/Изменить код

@madzal · Регистрация: 22.08.2014

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

есть код :

JavaScript
1
2
3
var opts = document.createElement("div")
opts.innerHTML = "<div style='text-align:left;position:fixed;display:inline-block;top:10px;left:10px;background:#fff;border:2px solid #000;padding:10px;' id='opts'>Подгружать изображения<input type='checkbox' style='width: 73px' id='opt1' checked><hr></div>";
document.body.insertBefore(opts, document.body.firstChild);

как из него получить что то типа :

JavaScript
1
2
3
4
5
6
7
8
9
10
var opts = document.createElement("div");
opts.style="text-align:left;position:fixed;display:inline-block;top:10px;left:10px;background:#fff;border:2px solid #000;padding:10px";
opts.id='opts';
document.body.insertBefore(opts, document.body.firstChild);
var b = document.createElement("input");
b.type='checkbox';
b.style='width: 73px';
b.id='opt1';
b.setAttribute("checked","");
document.body.insertBefore(b, document.body.firstChild);

Только вот пример неправильный (я даже не понял как вставить текст "Подгружать изображения") , получается там в html такое :

HTML5
1
2
3
<input type="checkbox" id="opt1" checked="" style="width: 73px;">
<div id="opts" style="text-align: left; position: fixed; display: inline-block; top: 10px; left: 10px; border: 2px solid rgb(0, 0, 0); padding: 10px; background: rgb(255, 255, 255);">
</div>

А мне нужно чтобы получилось вот так :

HTML5
1
2
3
4
5
<div style="text-align:left;position:fixed;display:inline-block;top:10px;left:10px;background:#fff;border:2px solid #000;padding:10px;" id="opts">
Подгружать изображения
<input type="checkbox" style="width: 73px" id="opt1" checked="">
<hr>
</div>

Как это правильно реализовать ??

@WhiteMind · 01.03.2016, 23:52

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var opts = document.createElement("div");
opts.style="text-align:left;position:fixed;display:inline-block;top:10px;left:10px;background:#fff;border:2px solid #000;padding:10px";
opts.id='opts';
opts.innerHTML = "Подгружать изображения";
 
var b = document.createElement("input");
b.type='checkbox';
b.style='width: 73px';
b.id='opt1';
b.setAttribute("checked","");
 
var h = document.createElement("hr");
 
opts.appendChild(b, opts.lastChild);
opts.appendChild(h, opts.lastChild);
 
document.body.insertBefore(opts, document.body.firstChild);

https://jsfiddle.net/g4q79wqq/4/

Новые блоги и статьи Все статьи Все блоги /
Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения anaschu 22.03.2026 e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git	1С: Программный отбор элементов справочника по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .
1С: Программный отбор элементов справочника по значению перечисления Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит значение перечислений. / / Событие "НачалоВыбора" реквизита на форме. . .	Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip