Значение атрибута в Javascript

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

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?

Почему вы используете цикл, если ваш код возвращает только один элемент?

— 13.12.2018 19:08

@ EinarÓlafsson Он пытается перебрать атрибуты этого элемента, а не набор элементов.

— 13.12.2018 19:10

Я использую его, чтобы получить все значения атрибутов тега img. Здесь b - имя атрибута, а [b] - значение атрибута

— 13.12.2018 19:10

javascript dom

13.12.2018 18:47

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Не помогает то, что вы разбираете его как 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.info('b is: ' + attrib.name + '.  Value is: ' + attrib.value);
    }
}

Спасибо за ответ .. Как я могу получить значение alt внутри цикла for?

— 13.12.2018 19:06

13.12.2018 19:00