hast utility to check if a node is interactive content.
This package is a small utility that checks if a node is interactive content according to HTML.
This utility is super niche, if you’re here you probably know what you’re looking for!
This package is ESM only. In Node.js (version 16+), install with npm:
npm install hast-util-interactive
In Deno with esm.sh
:
import {interactive} from 'https://esm.sh/hast-util-interactive@3'
In browsers with esm.sh
:
<script type="module"> import {interactive} from 'https://esm.sh/hast-util-interactive@3?bundle' </script>
import {interactive} from 'hast-util-interactive' interactive({ type: 'element', tagName: 'a', properties: {}, children: [] }) // => false interactive({ type: 'element', tagName: 'a', properties: {href: '#alpha'}, children: [] }) // => true interactive({ type: 'element', tagName: 'video', properties: {controls: true}, children: [] }) // => true
This package exports the identifier interactive
. There is no default export.
Check if the given value is interactive content.
node
(Node
, optional) — node to checkWhether node
is an Element
that is classified as interactive content (boolean
).
The following elements are interactive:
a
with href
audio
or video
with controls
img
or object
with useMap
input
without hidden
tabIndex
button
, details
, embed
, iframe
, keygen
, label
, select
, and textarea
This package is fully typed with TypeScript. It exports no additional types.
Projects maintained by the unified collective are compatible with maintained versions of Node.js.
When we cut a new major release, we drop support for unmaintained versions of Node. This means we try to keep the current release line, hast-util-interactive@^3
, compatible with Node.js 16.
hast-util-interactive
does not change the syntax tree so there are no openings for cross-site scripting (XSS) attacks.
hast-util-is-element
— check if a node is a (certain) elementhast-util-has-property
— check if a node has a propertyhast-util-is-body-ok-link
— check if a node is “Body OK” link elementhast-util-is-conditional-comment
— check if a node is a conditional commenthast-util-is-css-link
— check if a node is a CSS link elementhast-util-is-css-style
— check if a node is a CSS style elementhast-util-embedded
— check if a node is an embedded elementhast-util-heading
— check if a node is a heading elementhast-util-is-javascript
— check if a node is a JavaScript script elementhast-util-labelable
— check whether a node is labelablehast-util-phrasing
— check if a node is phrasing contenthast-util-script-supporting
— check if a node is a script-supporting elementhast-util-sectioning
— check if a node is a sectioning elementhast-util-transparent
— check if a node is a transparent elementhast-util-whitespace
— check if a node is inter-element whitespaceSee contributing.md
in syntax-tree/.github
for ways to get started. See support.md
for ways to get help.
This project has a code of conduct. By interacting with this repository, organization, or community you agree to abide by its terms.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4