JSFiddle - React, Tailwind, and code Playground

CSS

div.log {
    border: 1px solid red;
    margin: 3px;
    padding: 5px;
}

JavaScript

report('frame', 'src');
report('img', 'src');
report('a', 'href');


function report(element, attribute) {
    var d = document.implementation.createHTMLDocument('title');
    var inert = d.createElement(element);
    inert[attribute] = "foo";
    var log = document.body.appendChild(document.createElement("div"));
    log.className = "log";
    log.appendChild(document.createElement("div")).textContent = "property:" + inert[attribute];
    log.appendChild(document.createElement("div")).textContent = "attribute:" + inert.getAttribute(attribute);
    log.appendChild(document.createElement("div")).textContent = "outerHTML:" + inert.outerHTML;
    log.appendChild(inert);
    log.appendChild(document.createElement("div")).textContent = "property:" + inert[attribute];
    log.appendChild(document.createElement("div")).textContent = "attribute:" + inert.getAttribute(attribute);
    log.appendChild(document.createElement("div")).textContent = "outerHTML:" + inert.outerHTML;
}