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

License

riot/dom-nodes

ErrorLooks like something went wrong!

About

Resources

License

Stars

Watchers

Forks

Releases

Packages 0

Languages

Error
Looks like something went wrong!

Packages