multipleofnpm/qthtml
1
0
Fork 0
mirror of https://github.com/multipleofnpm/qthtml.git synced 2026-01-13 16:17:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update index.js

Browse Source
This commit is contained in:
Planet Renox
2025-06-05 13:54:04 -07:00
committed by GitHub
parent af9a2d0fd7
commit 973a7052a0
1 changed files with 2 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
index.js
View File

@@ -1,31 +1,10 @@
export const $ = (selector) => export const $ = (selector) =>
{ {
const el = document.querySelector(selector); const el = document.querySelector(selector)
el.render = (html) => el.innerHTML = html el.render = (html) => el.innerHTML = html
el.inject = (html) => el.insertAdjacentHTML('beforeend', html) el.inject = (html) => el.insertAdjacentHTML('beforeend', html)
el.on = (event, handler) => el.addEventListener(event, handler);
el.click = (handler) => el.addEventListener('click', handler);
el.hide = () => el.style.display = 'none';
el.show = () => el.style.display = '';
el.toggle = () => el.style.display = el.style.display === 'none' ? '' : 'none';
el.addClass = (className) => el.classList.add(className);
el.removeClass = (className) => el.classList.remove(className);
el.hasClass = (className) => el.classList.contains(className);
el.attr = (name, value) => value === undefined ? el.getAttribute(name) : el.setAttribute(name, value);
el.css = (styleName, value) => value === undefined ? getComputedStyle(el).getPropertyValue(styleName) : el.style[styleName] = value;
el.remove = () => el.parentNode.removeChild(el);
el.scrollTo = (options) => el.scrollIntoView(options);
el.id = () => el.getAttribute('id');
return el; return el;
}; };
export const $$ = (selector) => export const $$ = (selector) => return document.querySelectorAll(selector)
{
const elements = document.querySelectorAll(selector);
elements.hide = () => elements.forEach((el) => el.style.display = 'none');
elements.show = () => elements.forEach((el) => el.style.display = '');
return elements;
};
export const _ = msg => console.log(msg); // _('hello') export const _ = msg => console.log(msg); // _('hello')