Есть веб-сайт, содержащий этот код

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = "">

Я хочу настроить значение тега ((gt-form-status)), чтобы в итоге:

<div id = "agreement_btn" class = "agreement_form button" gt-form-status = "signed">

Создав букмарклет, который начинается с javascript: ....

Я могу это сделать? Привет

3
Ahmad Akal 10 Ноя 2018 в 22:44

1 ответ

Лучший ответ

Вы можете использовать Element.setAttribute, чтобы установить несуществующий атрибут элемента.

document.querySelector('#agreement_btn').setAttribute('gt-form-status', 'signed');
var element = document.querySelector('#agreement_btn');
console.log('element before setAttribute:', element.outerHTML);
element.setAttribute('gt-form-status', 'signed');
console.log('element after setAttribute:', element.outerHTML);
<div id = "agreement_btn" class = "agreement_form button" gt-form-status = ""></div>

Однако лучше использовать атрибуты данных в случае, если некоторые атрибуты, которые вы используете, будут стандартизированы позже.

var element = document.querySelector('#agreement_btn');
console.log('element before set attribute:', element.outerHTML);
element.dataset.gtFormStatus = "signed";
console.log('element after set attribute:', element.outerHTML);
<div id = "agreement_btn" class = "agreement_form button" data-gt-form-status = ""></div>
1
iota 10 Ноя 2018 в 20:36