element-info
v0.0.1
Published
Quickly obtain useful info about any element in the dom.
Downloads
2
Maintainers
Readme
element-info
"Quickly obtain useful info about any element in the dom."
Usage
<body>
<div id="my-awesome-element">
Wohoo!
</div>
<script src="index.js"></script>
</body>
import info from 'element-info';
const element = document.getElementById('my-awesome-element');
const elementInfo = info(element);
console.log(elementInfo);
// attributes: Array(0)
// bottom: 26
// children: Array(0)
// classes: Array(0)
// hasChildren: false
// height: 18
// id: "my-awesome-element"
// innerHTML: "↵ Wohoo!"
// left: 8
// mounted: true
// nextSibling: script
// nodeType: 1
// outerHTML: "<div id="my-awesome-element">↵ Woohoo!</div>"
// parent: body
// previousSibling: null
// right: 1432
// tag: "div"
// textContent: "↵ Wohoo!"
// top: 8
// width: 1424
Installation
npm install element-info
OR
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>