Как получить все атрибуты и их значения элемента?

Question

[L1nw0od]

Всем привет, занимаюсь изучением JS - и самостоятельно придумываю разные задачи.
Подксажите пожалуйста как получить все элементы атрибута и его значения в массиве - чтоб посмотреть в консоли ?
Может это как-то функцией сделать - ?

<p class="p__text" data-text="New text" data-number="1" data-full="full text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, voluptatem!</p>

Comments

[0xD34F]

самостоятельно придумываю разные задачи

А гуглить самостоятельно не пробовали?

[Lord_Dantes]

0xD34F, да зачем, самостоятельный же)

[L1nw0od]

0xD34F, я ознакомился с - этой статьей но ощущение что тут какой-то древний вариант

[0xD34F]

L1nw0od, во-первых - до ваших ощущений тут никому дела нет. Во-вторых - древний не значит неправильный/плохой/устаревший/etc. Не пробовали думать, прежде чем вопрос задавать? - а то получилось так, что то, что вы спросили, вам уже известно, а то, чего вы на самом деле хотите узнать, не известно никому. Типа угадайте, уроды, чего мне надо.

Answer 1

[webdisigner]

console.log([...document.querySelector('.p__text').attributes].map(c=>[c.name, c.value]))

// [ атрибут, значение ]

Comments

[L1nw0od]

Благодарю

[L1nw0od]

Скажите пожалуйста что такое "c" - это переменная ?

[webdisigner]

L1nw0od, гугли map там все написано

[webdisigner]

L1nw0od, поэтапно выводи в консоль инфу, чтобы понять какие значения берет следующая за ней функция в цепочке
Выведи в консоль document.querySelector('.p__text').attributes посмотри на то как оно выглядит

Answer 2

[Дмитрий Беляев]

https://developer.mozilla.org/en-US/docs/Web/API/E...
https://developer.mozilla.org/en-US/docs/Web/API/E...
https://developer.mozilla.org/en-US/docs/Web/API/E...