Extremely Popular
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265import { Comment, Node, nodesAndTextNodes, NodeType, Text } from "./node.ts";import { NodeList } from "./node-list.ts";import UtilTypes from "./utils-types.ts";import type { Element } from "./element.ts";import type { HTMLTemplateElement } from "./elements/html-template-element.ts";import type { DocumentFragment } from "./document-fragment.ts";
export function getElementsByClassName( element: any, className: string, search: Node[],): Node[] { for (const child of element.childNodes) { if (child.nodeType === NodeType.ELEMENT_NODE) { const classList = className.trim().split(/\s+/); let matchesCount = 0;
for (const singleClassName of classList) { if ((<Element> child).classList.contains(singleClassName)) { matchesCount++; } }
// ensure that all class names are present if (matchesCount === classList.length) { search.push(child); }
getElementsByClassName(<Element> child, className, search); } }
return search;}
function getOuterHTMLOpeningTag(parentElement: Element) { return "<" + parentElement.localName + getElementAttributesString(parentElement) + ">";}
const voidElements = new Set([ "area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "param", "source", "track", "wbr",]);
/** * .innerHTML/.outerHTML implementation without recursion to avoid stack * overflows */export function getOuterOrInnerHtml( parentElement: Element, asOuterHtml: boolean,): string { let outerHTMLOpeningTag = ""; let outerHTMLClosingTag = ""; let innerHTML = "";
if (asOuterHtml) { outerHTMLOpeningTag = getOuterHTMLOpeningTag(parentElement); outerHTMLClosingTag = `</${parentElement.localName}>`;
if (voidElements.has(parentElement.localName)) { return outerHTMLOpeningTag; } }
const initialChildNodes = parentElement.localName === "template" ? (parentElement as HTMLTemplateElement).content.childNodes : parentElement.childNodes; const childNodeDepth = [initialChildNodes]; const indexDepth = [0]; const closingTagDepth = [outerHTMLClosingTag]; let depth = 0;
depthLoop: while (depth > -1) { const child = childNodeDepth[depth][indexDepth[depth]];
if (child) { switch (child.nodeType) { case NodeType.ELEMENT_NODE: { innerHTML += getOuterHTMLOpeningTag(child as Element); const childLocalName = (child as Element).localName;
// Void elements don't have a closing tag nor print innerHTML if (!voidElements.has(childLocalName)) { if (childLocalName === "template") { childNodeDepth.push( (child as HTMLTemplateElement).content.childNodes, ); } else { childNodeDepth.push(child.childNodes); } indexDepth.push(0); closingTagDepth.push(`</${childLocalName}>`); depth++; continue depthLoop; } break; }
case NodeType.COMMENT_NODE: innerHTML += `<!--${(child as Comment).data}-->`; break;
case NodeType.TEXT_NODE: // Special handling for rawtext-like elements. switch ((child.parentNode! as Element).localName) { case "style": case "script": case "xmp": case "iframe": case "noembed": case "noframes": case "plaintext": innerHTML += (child as Text).data; break;
default: // escaping: https://html.spec.whatwg.org/multipage/parsing.html#escapingString innerHTML += (child as Text).data .replace(/&/g, "&") .replace(/\xA0/g, " ") .replace(/</g, "<") .replace(/>/g, ">"); break; } break; } } else { depth--;
indexDepth.pop(); childNodeDepth.pop(); innerHTML += closingTagDepth.pop(); }
// Go to next child indexDepth[depth]++; }
// If innerHTML is requested then the opening tag should be an empty string return outerHTMLOpeningTag + innerHTML;}
// FIXME: This uses the incorrect .attributes implementation, it// should probably be changed when .attributes is fixedexport function getElementAttributesString( element: Element,): string { let out = "";
for (const attribute of element.getAttributeNames()) { out += ` ${attribute.toLowerCase()}`;
// escaping: https://html.spec.whatwg.org/multipage/parsing.html#escapingString out += `="${ element.getAttribute(attribute)! .replace(/&/g, "&") .replace(/\xA0/g, " ") .replace(/"/g, """) }"`; }
return out;}
export function insertBeforeAfter( node: Node, nodes: (Node | string)[], before: boolean,) { const parentNode = node.parentNode!; const mutator = parentNode._getChildNodesMutator(); // Find the previous/next sibling to `node` that isn't in `nodes` before the // nodes in `nodes` are removed from their parents. let viablePrevNextSibling: Node | null = null; { const difference = before ? -1 : +1; for ( let i = mutator.indexOf(node) + difference; 0 <= i && i < parentNode.childNodes.length; i += difference ) { if (!nodes.includes(parentNode.childNodes[i])) { viablePrevNextSibling = parentNode.childNodes[i]; break; } } } nodes = nodesAndTextNodes(nodes, parentNode);
let index; if (viablePrevNextSibling) { index = mutator.indexOf(viablePrevNextSibling) + (before ? 1 : 0); } else { index = before ? 0 : parentNode.childNodes.length; } mutator.splice(index, 0, ...(<Node[]> nodes));}
export function isDocumentFragment(node: Node): node is DocumentFragment { let obj: any = node;
if (!(obj && typeof obj === "object")) { return false; }
while (true) { switch (obj.constructor) { case UtilTypes.DocumentFragment: return true;
case Node: case UtilTypes.Element: return false;
// FIXME: We should probably throw here?
case Object: case null: case undefined: return false;
default: obj = Reflect.getPrototypeOf(obj); } }}
/** * Sets the new parent for the children via _setParent() on all * the child nodes and removes them from the DocumentFragment's * childNode list. * * A helper function for appendChild, etc. It should be called * _after_ the children are already pushed onto the new parent's * childNodes. */export function moveDocumentFragmentChildren( fragment: DocumentFragment, newParent: Node,) { const childCount = fragment.childNodes.length;
for (const child of fragment.childNodes) { child._setParent(newParent); }
const mutator = fragment._getChildNodesMutator(); mutator.splice(0, childCount);}