Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

dom-nodes

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

dom-nodes

List of all the available DOM and SVG nodes and helper functions to quickly test against them

  • 1.1.3
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
708
decreased by-56.7%
Maintainers
1
Weekly downloads
 
Created
Source

dom-nodes

Build Status

NPM version NPM downloads MIT License

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

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

List of all the available svg tags

Type: Array

VOID_HTML_TAGS_LIST

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

Type: Array

HTML_TAGS_LIST

List of all the html tags

Type: Array

BOOLEAN_ATTRIBUTES_LIST

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
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
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
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
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
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

Keywords

FAQs

Package last updated on 03 Aug 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc