How to set `aria-disabled` as true using JavaScript

css, html, javascript

Solution

The current way of setting `aria-` attributes is to reference the properties directly.

To get:

let el = document.getElementById('foobar');
console.log(el.ariaDisabled); // Should log the current value of aria-disabled.

To set:

let el = document.getElementById('foobar');
el.ariaDisabled = 'true';
console.log(el.ariaDisabled); // Should log 'true'.

Reference: Element.ariaDisabled MDN

Problem

I have no idea about JS. But there is needed one line of code in my Ruby. I have the below `html`. ``` <div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix"> <div class="ui-dialog-buttonset"> <button class="otherButtonClass ui-state-hover ui-state-focus" type="button" role="button" aria-disabled="false"> <button class="otherButtonClass" type="button" role="button" aria-disabled="false" style="display: none;"> <button class="cancelButtonClass" type="button" role="button" aria-disabled="false"> </div> </div> ``` I want JS code to make the first and second button to make them visible. What would be the code? Please help.

Original source