Как добавить data атрибут к дочернему вложенному элементу div?

Question

[William]

Имеется код:

<figure>
<a href="#">ссылка</a>
</figure>

нужно

<figure>
<a href="#" data-attribute="ok">ссылка</a>
</figure>

Answer 1

[Egor]

document.querySelector('a').setAttribute('data-attribute', 'ok');

Comments

[William]

не-не, именно нужно внутри figure

[Egor]

William, Ну, тогда так, разницы нет никакой

document.querySelector('figure a').setAttribute('data-attribute', 'ok');

[William]

если figure больше 1, более проще код

$('figure a').attr('data-attribute', 'ok');

Answer 2

[Дима Паутов]

document.querySelector('figure').querySelector('a').setAttribute('data-attribute', 'ok');