Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
madzal
54 / 54 / 40
Регистрация: 22.08.2014
Сообщений: 424
Завершенные тесты: 1
1

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

01.03.2016, 23:38. Просмотров 135. Ответов 1
Метки нет (Все метки)

есть код :
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>
Как это правильно реализовать ??
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
01.03.2016, 23:38
Ответы с готовыми решениями:

Преобразовать строку в html код
В базе данных хранится кусок html кода в виде строки, при простой вставке этого...

Как php код изменить в javascript
Мне необходимо код переделать под javascript &lt;?php for ($i=0;$i&lt;=10;$i++){...

Изменить код, чтобы всё заработало
Здравствуйте! Т.к ветки чистого js нету придется писать здесь)) Изучаю js, и на...

Изменить код БроБота для вк, на отправление картинок
добрый день! В общем я хотел бы написать бота для вк, не знаю с чего начать...

Нужно изменить код, чтобы ответ выдавался на отдельной странице html
&lt;form&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;В карточке фиксируются все контакты и стадии...

1
WhiteMind
Hello Kitty
680 / 554 / 400
Регистрация: 12.02.2016
Сообщений: 1,440
Записей в блоге: 1
01.03.2016, 23:52 2
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/
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
01.03.2016, 23:52

JavaScript! Как изменить значение кнопки, так чтоб сразу не обновлялось (+код)?
смысл такой: после появления 3-его пункта и потом после нажатия next значение...

Как изменить содержимое формы при выборе след. radio кнопки (см. код)?
Это такой себе небольшой тестик: &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0...

Изменить содержание тега, которое получает браузер через javascript код, подключенный с другого сайта
На сайте есть javascript код, который при подключении выводит длинный ряд html...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru