cxmeel/README.md

## README.md

      
    Raw
  

              README.md
            
          
    JavaScript Snippets

A collection of JavaScript snippets, mostly used in custom UserScripts.
You can paste them into your code directly, or @require them using the GitHub raw link.
jQuerylike

// equivalent to `const container = document.querySelector("div.container")`
const container = $("div.container")

// equivalent to `const link = container.querySelector("a.something[href]")
const link = $(container)("a.something[href]")

  
## jquerylike.js
globalThis.$ = (arg0) => typeof(arg0) === "string" ? document.querySelector(arg0) : arg0.querySelector.bind(arg0)

## swapTag.js
Node.prototype.swapTag = function(tag = "div") {
  const node = document.createElement(tag)

  for (const attribute of Array.from(this.attributes)) {
    node.setAttribute(attribute.name, attribute.value)
  }

  for (const child of Array.from(this.childNodes)) {
    node.append(child)
  }

  this.replaceWith(node)
  return node
}

## wrapNode.js
Node.prototype.wrapWith = function(element = Node) {
  this.parentElement.insertBefore(element, this)
  element.append(this)
}
	Node.prototype.swapTag = function(tag = "div") {
	const node = document.createElement(tag)

	for (const attribute of Array.from(this.attributes)) {
	node.setAttribute(attribute.name, attribute.value)
	}

	for (const child of Array.from(this.childNodes)) {
	node.append(child)
	}

	this.replaceWith(node)
	return node
	}
	Node.prototype.wrapWith = function(element = Node) {
	this.parentElement.insertBefore(element, this)
	element.append(this)
	}