Значение атрибута в Javascript - PullRequest
0 голосов
/ 13 декабря 2018

Я создаю тег изображения, используя следующий код ..

var a = new DOMParser().parseFromString('<img src="/hello" alt="Promised">', "text/xml");
for(var b in a){
    alert('b is: ' + b + '.Value is: ' + a[b]);
}

В приведенном выше коде я не могу получить значение атрибута alt изображения.Почему alt не отображается в цикле for?

Я знаю, что мы можем получить атрибут как:

var a = document.getELementsByTagName('img')[0].alt; 

Но почему он не работает внутри цикла for?

1 Ответ

0 голосов
/ 13 декабря 2018

Это не помогает, что вы анализируете его как XML, но это не допустимый XML (без закрывающего тега).Попробуйте это:

new XMLSerializer().serializeToString(a)

Вы получите эту ошибку синтаксического анализатора:

<img src="/hello" alt="Promised">
    <parsererror xmlns="http://www.w3.org/1999/xhtml" style="display: block; white-space: pre; border: 2px solid #c77; padding: 0 1em 0 1em; margin: 1em; background-color: #fdd; color: black">
        <h3>This page contains the following errors:</h3>
        <div style="font-family:monospace;font-size:12px">error on line 1 at column 34: Extra content at the end of the document
        </div>
        <h3>Below is a rendering of the page up to the first error.</h3>
    </parsererror>
</img>

Если вы исправите XML (закрывающий тег) и повторите, вы получите:

var a = new DOMParser().parseFromString('<img src="/hello" alt="Promised"></img>', "text/xml");
new XMLSerializer().serializeToString(a)

Результат:

<img src="/hello" alt="Promised"/>

Если вместо этого вы проанализируете его как HTML:

var a = new DOMParser().parseFromString('<img src="/hello" alt="Promised">', "text/html");

Вместо этого вы получите следующее:

<html xmlns="http://www.w3.org/1999/xhtml">
    <head></head>
    <body>
        <img src="/hello" alt="Promised" />
    </body>
</html>

Чтобы выполнить цикл поатрибуты элемента, вам нужно исправить ваш цикл:

var elem = a.getElementsByTagName('img')[0];
for (var i = 0; i < elem.attributes.length; i++) {
    var attrib = elem.attributes[i];
    if (attrib.specified) {
        console.log('b is: ' + attrib.name + '.  Value is: ' + attrib.value);
    }
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...