vue3-yuanma/packages/runtime-dom/src/nodeOps.ts
2019-06-20 21:28:37 +08:00

41 lines
1.0 KiB
TypeScript

const doc = document
const svgNS = 'http://www.w3.org/2000/svg'
export const nodeOps = {
insert: (child: Node, parent: Node, anchor?: Node) => {
if (anchor != null) {
parent.insertBefore(child, anchor)
} else {
parent.appendChild(child)
}
},
remove: (child: Node) => {
const parent = child.parentNode
if (parent != null) {
parent.removeChild(child)
}
},
createElement: (tag: string, isSVG?: boolean): Element =>
isSVG ? doc.createElementNS(svgNS, tag) : doc.createElement(tag),
createText: (text: string): Text => doc.createTextNode(text),
createComment: (text: string): Comment => doc.createComment(text),
setText: (node: Text, text: string) => {
node.nodeValue = text
},
setElementText: (el: HTMLElement, text: string) => {
el.textContent = text
},
parentNode: (node: Node): Node | null => node.parentNode,
nextSibling: (node: Node): Node | null => node.nextSibling,
querySelector: (selector: string): Node | null => doc.querySelector(selector)
}