Attributes

attrributes.html

<a href="//github.com">href is an HTML attribute</a>
<p style="background-color: orange;">style is also an HTML attribute</p>

dom.js

const a = document.getElementsByTagName('a')[0]; // get <a> from the example html
const p = document.getElementsByTagName('p')[0]; // get <p> from the example html

// Get/Read Attributes
a.attributes.href; // returns NamedNodeMap href="//github.com"
a.getAttribute('href'); // returns "//github.com"

// Set/Write Attributes.
p.attributes.style.value = 'color: green;'; // set the attribute value.
p.setAttribute('style', 'color: white;'); // set the inline style.

javascript.js

var o = {}; // Creates a new object

// Example of an object property added
// with defineProperty with a data property descriptor
Object.defineProperty(o, 'a', {
  value: 37, // attribute name/key is 'value', it's value is 37
  writable: true, // attribute name/key is 'writable', it's value is true
  enumerable: true, // attribute name/key is 'enumerable', it's value is true
  configurable: true, // attribute name/key is 'configurable', it's value is true
});