/* @flow */
|
|
import { namespaceMap } from 'web/util/index'
|
|
export function createElement (tagName: string, vnode: VNode): Element {
|
const elm = document.createElement(tagName)
|
if (tagName !== 'select') {
|
return elm
|
}
|
// false or null will remove the attribute but undefined will not
|
if (vnode.data && vnode.data.attrs && vnode.data.attrs.multiple !== undefined) {
|
elm.setAttribute('multiple', 'multiple')
|
}
|
return elm
|
}
|
|
export function createElementNS (namespace: string, tagName: string): Element {
|
return document.createElementNS(namespaceMap[namespace], tagName)
|
}
|
|
export function createTextNode (text: string): Text {
|
return document.createTextNode(text)
|
}
|
|
export function createComment (text: string): Comment {
|
return document.createComment(text)
|
}
|
|
export function insertBefore (parentNode: Node, newNode: Node, referenceNode: Node) {
|
parentNode.insertBefore(newNode, referenceNode)
|
}
|
|
export function removeChild (node: Node, child: Node) {
|
node.removeChild(child)
|
}
|
|
export function appendChild (node: Node, child: Node) {
|
node.appendChild(child)
|
}
|
|
export function parentNode (node: Node): ?Node {
|
return node.parentNode
|
}
|
|
export function nextSibling (node: Node): ?Node {
|
return node.nextSibling
|
}
|
|
export function tagName (node: Element): string {
|
return node.tagName
|
}
|
|
export function setTextContent (node: Node, text: string) {
|
node.textContent = text
|
}
|
|
export function setStyleScope (node: Element, scopeId: string) {
|
node.setAttribute(scopeId, '')
|
}
|
