dom-nodes

Installation

$ npm i dom-nodes -S

Usage

import {isVoid} from 'dom-nodes'
isVoid('div') // false
isVoid('img') // true

dom-nodes exports all the methods listed below giving you some simple tests to understand which kind of node you are dealing with.

This project includes html-tags and svg-tag-names directly in its source code avoiding to rely on third party npm modules for such simple list of strings. This project couldn't have been made without the projects above!

API

Table of Contents

• VOID_SVG_TAGS_LIST
• HTML_ELEMENTS_HAVING_VALUE_ATTRIBUTE_LIST
• SVG_TAGS_LIST
• VOID_HTML_TAGS_LIST
• HTML_TAGS_LIST
• BOOLEAN_ATTRIBUTES_LIST
• HTML_TAGS_RE
• SVG_TAGS_RE
• VOID_HTML_TAGS_RE
• VOID_SVG_TAGS_RE
• HTML_ELEMENTS_HAVING_VALUE_ATTRIBUTE_RE
• BOOLEAN_ATTRIBUTES_RE
• isVoid
  • Parameters
  • Examples
• isHtml
  • Parameters
  • Examples
• isSvg
  • Parameters
  • Examples
• isCustom
  • Parameters
  • Examples
• hasValueAttribute
  • Parameters
  • Examples
• isBoolAttribute
  • Parameters
  • Examples

VOID_SVG_TAGS_LIST

SVG void elements that cannot be auto-closed and shouldn't contain child nodes.

Type: Array

HTML_ELEMENTS_HAVING_VALUE_ATTRIBUTE_LIST

List of html elements where the value attribute is allowed

Type: Array

SVG_TAGS_LIST

• See: https://github.com/wooorm/svg-tag-names

List of all the available svg tags

Type: Array

VOID_HTML_TAGS_LIST

• See: http://www.w3.org/TR/html-markup/syntax.html#syntax-elements
• See: http://www.w3.org/TR/html5/syntax.html#void-elements

HTML void elements that cannot be auto-closed and shouldn't contain child nodes.

Type: Array

HTML_TAGS_LIST

• See: https://github.com/sindresorhus/html-tags

List of all the html tags

Type: Array

BOOLEAN_ATTRIBUTES_LIST

• See: https://www.w3.org/TR/html5/infrastructure.html#sec-boolean-attributes

List of all boolean HTML attributes

Type: RegExp

HTML_TAGS_RE

Regex matching all the html tags ignoring the cases

Type: RegExp

SVG_TAGS_RE

Regex matching all the svg tags ignoring the cases

Type: RegExp

VOID_HTML_TAGS_RE

Regex matching all the void html tags ignoring the cases

Type: RegExp

VOID_SVG_TAGS_RE

Regex matching all the void svg tags ignoring the cases

Type: RegExp

HTML_ELEMENTS_HAVING_VALUE_ATTRIBUTE_RE

Regex matching all the html tags where the value tag is allowed

Type: RegExp

BOOLEAN_ATTRIBUTES_RE

Regex matching all the boolean attributes

Type: RegExp

isVoid

True if it's a self closing tag

Parameters

• tag string test tag

Examples

isVoid('meta') // true
isVoid('circle') // true
isVoid('IMG') // true
isVoid('div') // false
isVoid('mask') // false

Returns boolean true if void

isHtml

True if it's a known HTML tag

Parameters

• tag string test tag

Examples

isHtml('img') // true
isHtml('IMG') // true
isHtml('Img') // true
isHtml('path') // false

Returns boolean true if html tag

isSvg

True if it's a known SVG tag

Parameters

• tag string test tag

Examples

isSvg('g') // true
isSvg('radialGradient') // true
isSvg('radialgradient') // true
isSvg('div') // false

Returns boolean true if svg tag

isCustom

True if it's not SVG nor a HTML known tag

Parameters

• tag string test tag

Examples

isCustom('my-component') // true
isCustom('div') // false

Returns boolean true if custom element

hasValueAttribute

True if the value attribute is allowed on this tag

Parameters

• tag string test tag

Examples

hasValueAttribute('input') // true
hasValueAttribute('div') // false

Returns boolean true if the value attribute is allowed

isBoolAttribute

True if it's a boolean attribute

Parameters

• attribute string test attribute

Examples

isBoolAttribute('selected') // true
isBoolAttribute('class') // false

Returns boolean true if the attribute is a boolean type