Как скопировать значение data attribute и вставить это значение в style="" этого же div'а?

Question

[William]

имеется код:

<div class="asd">
<div data-atr="./img/pic.png"></div>
</div>
<div class="asd">
<div data-atr="./img/pic2.png"></div>
</div>

требуется:

<div class="asd">
<div data-atr="./img/pic.png" style="./img/pic.png"></div>
</div>
<div class="asd">
<div data-atr="./img/pic2.png" style="./img/pic2.png"></div>
</div>

Comments

[Ankhena]

style="./img/pic.png"

- это какая-то ерунда.

А по сути вопроса, что вы делали и что не выходит?

Answer 1

[Stalker_RED]

const elements = document.querySelectorAll('div[data-atr]')
elements.forEach(elem => elem.style = elem.dataset.atr);

Comments

[Tim]

нужна еще проверка на существование атрибута даты

[Stalker_RED]

Tim, добавил