С Новым годом! Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/3: Рейтинг темы: голосов - 3, средняя оценка - 5.00
 Аватар для danyasworld
10 / 9 / 2
Регистрация: 12.04.2015
Сообщений: 238
Записей в блоге: 2

Создание элемента из HTML-кода

12.06.2015, 23:49. Показов 625. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
можно ли какнибудь создать элемент по данным из строки? т.е на вход приходит строка типа:
HTML5
1
<div class="msgs" id="43"><img src="http://danhomest.h16.ru/users/danyasworld/usrimg.png" style="max-height:50px;max-width:50px;margin-right:20px" align="left"><div><label>danyasworld</label><br><label>ajax test #9</label></div></div>
это именно строка, генерится на сервере, с аяксом приходит в браузер. Можно по этим данным создать обьект?

Добавлено через 2 минуты
еще мне нужно чтоб появился этот обьект в начале списка из кучи такихже
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
12.06.2015, 23:49
Ответы с готовыми решениями:

В файл HTML записан HTML код с выполнением скрипта. Сформировать новое окно из этого HTML кода (c php)
php используется для взятия переменной с сервера, поэтому требуется php переменная. Сейчас я поместил файлы в один каталог, просто для...

Защита от удаления элементов HTML кода из документа HTML
В общем нужен скрипт, для защиты от удаления например Div блока из HTML документа. Например если Div блок удален, то скрипт выводит...

Создание html-кода
Такой вот вопрос. Нарисовал я шаблон сайта в фотошопе psd формат. Нету никакой встроеной утилиты, что бы получить html-код аналоговой...

7
835 / 643 / 101
Регистрация: 20.08.2013
Сообщений: 2,524
15.06.2015, 12:33
Запихнуть в innerHTML и радоваться?
0
 Аватар для danyasworld
10 / 9 / 2
Регистрация: 12.04.2015
Сообщений: 238
Записей в блоге: 2
19.06.2015, 19:26  [ТС]
inner html-не выход. Дает добавить только 1 раз.

Добавлено через 2 минуты
сделал воттак и радуюсь, мож кому поможет:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
function obr(Request){
        var s = "", id = "", leng = "", xml = "", j=0, i = 0;
        for(i = 0;i<100;i++){
            if(j == 0){
                if(Request.responseText.substr(i,1) != "."){
                    s +=  Request.responseText.substr(i,1);
                }else{
                    j = j+1;
                    i = i+1;}}
            if(j == 1){
                if(Request.responseText.substr(i,1) != "."){
                    id +=  Request.responseText.substr(i,1);
                }else{
                    j = j+1;
                    i = i+1;}
                    }
            if(j == 2){
                if(Request.responseText.substr(i,1) != "."){
                    leng +=  Request.responseText.substr(i,1);
                }else{
                    j = j+1;
                    i = i+1;}
            }
            if(j == 3 && xml == ""){
            j++;
            xml = Request.responseText.substr(i,leng);
            i = i+1;
            }
        }
            if(s == "ok"){
                var div1 = d.createElement('div');
                div1.innerHTML = xml;
                div1.className = ('msgs');
                div1.id = id;
                d.getElementById("main").insertBefore(div1, messages[0]);
                var mestxt = d.getElementById("ms");
                mestxt.value = "";
                messages = [].slice.call(d.querySelectorAll('.msgs'));
            }
        }
p.s код далеко не идеальный так что критика приветствуется, советы принимаются

Добавлено через 4 минуты
и да, входная строка приняла вид
HTML5
1
2
ok.126.196.<img src="http://danhomest.h16.ru/users/danyasworld/usrimg.png" style="max-height:50px;max-width
:50px;margin-right:20px" align="left"/><div><label>danyasworld</label><br /><label>lol</label></div>
0
Модератор
Эксперт JS
 Аватар для Eva Rosalene
5241 / 2115 / 416
Регистрация: 06.01.2013
Сообщений: 4,846
23.06.2015, 16:11
Цитата Сообщение от danyasworld Посмотреть сообщение
так что критика приветствуется, советы принимаются
Использовать DOMParser и не париться.

JavaScript
1
2
var htmlCode = '<div class="msgs" id="43"><img src="http://danhomest.h16.ru/users/danyasworld/usrimg.png" style="max-height:50px;max-width:50px;margin-right:20px" align="left"><div><label>danyasworld</label><br><label>ajax test #9</label></div></div>';
var nodeList = (new DOMParser()).parseFromString(htmlCode, 'text/html').body.childNodes;
0
 Аватар для danyasworld
10 / 9 / 2
Регистрация: 12.04.2015
Сообщений: 238
Записей в блоге: 2
24.06.2015, 00:43  [ТС]
FraidZZ, к сожалению, с сервера приходит много мусора, который нужно отделить
0
Модератор
Эксперт JS
 Аватар для Eva Rosalene
5241 / 2115 / 416
Регистрация: 06.01.2013
Сообщений: 4,846
24.06.2015, 05:10
danyasworld, отделяйте не-HTML мусор регуляркой, валидный HTML парсите в DOM, мусор, который в DOM-e, отделяйте уже его средствами.
0
 Аватар для danyasworld
10 / 9 / 2
Регистрация: 12.04.2015
Сообщений: 238
Записей в блоге: 2
30.06.2015, 01:39  [ТС]
FraidZZ, весь мусор - валидный html
0
Модератор
Эксперт JS
 Аватар для Eva Rosalene
5241 / 2115 / 416
Регистрация: 06.01.2013
Сообщений: 4,846
30.06.2015, 02:12
danyasworld, прекрасно. Значит, регулярок не надо. Просто парсите весь HTML в DOM и затем родными DOM-методами отделяйте зёрна от плевел.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
30.06.2015, 02:12
Помогаю со студенческими работами здесь

Создание html кода в линукс
Здравствуйте !!! Помогите с решением проблемы пожалуйста. Дело вот в чём ,делал домашнее задание по xhtml вёрстка страницы, всё писал ...

Создание элемента из кода
Доброго времени суток. Возникла следующая проблема. По нажатию на кнопку нужно чтобы создавался checkbox на ContentPanel'е (StackPanel)....

Создание браузера и получение исходного кода html
Как создать некое подобие браузера на PascalABC.NET (без адресных строк и подобного, чисто страница), с которого при нажатии клавиши (или...

Создание универсального HTML элемента/виджета
Вопрос такой. Хочу сверстать виджет(или не знаю как назвать), который бы мог вставляться на любой сайт в сети. Хотелось бы, чтобы он был...

Создание элемента в процессе выполнения кода
Private Sub Command1_Click(Index As Integer) For i = 1 To 10 Load Command1(i) Command1(i).Top = i * 300 Command1(i).Left =...


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути
Programma_Boinc 01.01.2026
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru