Скрипт показывает только один результат. Как вывести все результаты внутри тега ap?

Question

Скрипт показывает только один результат. Как вывести все результаты внутри тега ap?

1

У меня есть этот скрипт, который получает все атрибуты и его значения и выводит их на страницу. Проблема, с которой я сталкиваюсь, заключается в том, что в настоящее время она работает с document.write но я хочу поместить результаты в тег p. Когда я пытаюсь сделать это, он показывает только один атрибут и его значение. Как я могу вывести все атрибуты и их значения внутри целевого p тега?

Мой код

var foo = document.getElementById('foo'),
    attrs = foo.attributes,
    i = attrs.length,
    attr;

while (i--)
{
    attr = attrs[i];
    document.write(attr.name + '="' + attr.value + '"');
    /*document.querySelector('p').innerHTML= attr.name + '="' + attr.value + '"'; <-- This method only shows one attribute and its value :(*/
}

<div id="foo" class="bar baz" style="margin-left: 2px; height: 10px;"></div>

<p></p>

Danny Lee 27 окт. 2018, в 22:49

Источник

Теги:

javascript

2 ответа

0

Вы должны построить строку внутри цикла while и назначить эту строку на innerHTML после цикла.

Boji 27 окт. 2018, в 18:57

0

Можете ли вы предоставить пример кода на самом деле это пример, который я нашел в Интернете не совсем мой код
user9767744 27 окт. 2018, в 20:28

Ещё вопросы

Можете ли вы предоставить пример кода на самом деле это пример, который я нашел в Интернете не совсем мой код

ashgkwd · Accepted Answer · 2018-10-27T18-35-00.000Z

Вы должны построить целую строку и написать в <p> один раз.

var content = [];
while (i--)
{
attr = attrs[i];
content.push(attr.name + '="' + attr.value + '"');
}
document.querySelector("p").innerHTML = content.join(" ")

OMG, спасибо, что это работает для меня.