Skip to content

Get NodeName, classList, and id along with width, height, display, padding, margin and border of elements without opening Console.

License

Notifications You must be signed in to change notification settings

shivamdevs/Dom-Selector

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Dom Selector

Version: 1.1.0

Get NodeName, classList, and id along with width, height, display, padding, margin and border of elements without opening Console.

Installation

Dom Selector can be loaded to any websites by placing any one of these codes on the head of the document.

<!-- Use Development CDN -->
<script src="https://cdn.jsdelivr.net/gh/shivamdevs/dom-selector@latest/selector.js" defer></script>
<!-- or Use Production CDN -->
<script src="https://cdn.jsdelivr.net/gh/shivamdevs/dom-selector@latest/selector.min.js" defer></script>

Adding defer can help delay Dom-Selector loading, preventing it from increasing page load time.

Usage

Implementation

DomSelector can be called as a Promise.

// Call Dom-Selector
DomSelector(); // returns Promise

// Or use top level async await function
async function selector() {
    const element = await DomSelector();
}

// Optionally it takes only one boolean parameter
DomSelector(true); //This keeps the selection on the page until user closes it.

Name of the function DomSelector can be changed on the script file on local downloaded files.

Options

An optional boolean parameter showPreview can be passed to keep selection in view until user closes it.

DomSelector(showPreview); // boolean value true|false

Auto Select

An autoSelect function can be called to show a start icon on the document by default.

DomSelector.autoSelect(showPreview); // returns :void

Limitation

  • Restricted to top window only
  • Can't distinguish between before and after pseudo-elements

Contribution

About

Get NodeName, classList, and id along with width, height, display, padding, margin and border of elements without opening Console.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published