Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // Originally created by Simo Ahava: https://www.simoahava.com/analytics/create-css-path-variable-for-click-element/
- // Modified to return last 100 characters
- function() {
- // Build a CSS path for the clicked element
- var originalEl = {{Click Element}};
- var el = originalEl;
- if (el instanceof Node) {
- // Build the list of elements along the path
- var elList = [];
- do {
- if (el instanceof Element) {
- var classString = el.classList ? [].slice.call(el.classList).join('.') : '';
- var elementName = (el.tagName ? el.tagName.toLowerCase() : '') +
- (classString ? '.' + classString : '') +
- (el.id ? '#' + el.id : '');
- if (elementName) elList.unshift(elementName);
- }
- el = el.parentNode
- } while (el != null);
- // Get the stringified element object name
- var objString = originalEl.toString().match(/\[object (\w+)\]/);
- var elementType = objString ? objString[1] : originalEl.toString();
- var cssString = elList.join(' > ');
- // Return the CSS path as a string, prefixed with the element object name
- return (cssString ? elementType + ': ' + cssString : elementType).slice(-100);
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement