Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Получить доступ к атрибутам (https://javascript.ru/forum/dom-window/58000-poluchit-dostup-k-atributam.html)

arahmanov 29.08.2015 22:58
Получить доступ к атрибутам
 
Есть переменная в который содержится html код с одним img 
var s = "<img alt="Привет" width="100" height="200" border="1" /> ";



Как получить возможность работать с атрибутам
например удалить атрибут alt или присвоить id ?

Помогите разобраться :))

Lemme 29.08.2015 23:09 
var s = '<img alt="Привет" width="100" height="200" border="1" /> ';

var div = document.createElement('div');
div.innerHTML = s;
alert(div.children[0].getAttribute('alt'));

arahmanov 30.08.2015 00:54
Цитата:
Сообщение от Lemme (Сообщение 386372) 
var s = '<img alt="Привет" width="100" height="200" border="1" /> ';

var div = document.createElement('div');
div.innerHTML = s;
alert(div.children[0].getAttribute('alt'));
Спасибо огромное! все что хотел получилось.
Делаю небольшое преобразование одного тега в другой

получил вот такую переменную
<div style="background:url('A.tip') no-repeat; width:C; height:D; margin:F auto;" ></div>

и хочу организовать обратную замену
но проблема в том что я могу получить доступ к только атрибуту style но как вытащить из атрибута значение его дочерних элементов 'A.tip С D F
? это возможно ?

arahmanov 30.08.2015 01:25
Цитата:
Сообщение от Lemme (Сообщение 386372) 
var s = '<img alt="Привет" width="100" height="200" border="1" /> ';

var div = document.createElement('div');
div.innerHTML = s;
alert(div.children[0].getAttribute('alt'));
Цитата:
Сообщение от Rise (Сообщение 386381)
arahmanov, через свойство style
div.style.background
div.style.width
div.style.height
div.style.margin
вытаскивает только ,

var qw = div.children[0].style.background;



остальные нечего не показывает;
var qw2 = div.children[0].style.width;
 var qw3 = div.children[0].style.height;
var qw4 = div.children[0].style.margin;


:((

Lemme 30.08.2015 01:26
arahmanov, т.е width:C - Это реальный пример?

arahmanov 30.08.2015 01:29
Цитата:
Сообщение от Lemme (Сообщение 386383)
arahmanov, т.е width:C - Это реальный пример?
да!
Но если ставить вместо букв значение все равно не вытаскивает

Lemme 30.08.2015 01:32
Цитата:
Но если ставить вместо букв значение все равно не вытаскивает
Единицы измерения обязательны в style
https://learn.javascript.ru/styles-and-classes

arahmanov 30.08.2015 01:33
Цитата:
Сообщение от Lemme (Сообщение 386385)
Единицы измерения обязательны в style
https://learn.javascript.ru/styles-and-classes
Спасибо огромное!
работает :)


Часовой пояс GMT +3, время: 19:18.