TAG
CSS
JavaScript
Result
Run
License
<h3>Please click document to show body css</h3> <dl class="box"></dl>
.box > dt { float: left; color: #ae5a00; margin-right: 20px; }
window.addEventListener("load", () => { document.onclick = function() { const allComputedStyles = document.body.computedStyleMap(); const elDl = document.querySelector(".box"); for(const [prop, val] of allComputedStyles) { let elDt = document.createElement("dt"); elDt.textContent = prop; let elDd = document.createElement("dd"); elDd.textContent = val; elDl.append(elDt, elDd); } }; });
Console
expand_less
License
License
by DevDic
Close