https://github.com/ljharb/html-element-map
Look up HTML tag names via HTML Element constructors, and vice versa.
https://github.com/ljharb/html-element-map
constructor dom element html map
Last synced: 5 months ago
JSON representation
Look up HTML tag names via HTML Element constructors, and vice versa.
- Host: GitHub
- URL: https://github.com/ljharb/html-element-map
- Owner: ljharb
- License: mit
- Created: 2019-01-26T18:16:33.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2022-10-27T04:43:16.000Z (almost 3 years ago)
- Last Synced: 2025-04-23T15:03:34.780Z (6 months ago)
- Topics: constructor, dom, element, html, map
- Language: JavaScript
- Homepage:
- Size: 82 KB
- Stars: 10
- Watchers: 3
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# html-element-map [![Version Badge][npm-version-svg]][package-url]
[![github actions][actions-image]][actions-url]
[![coverage][codecov-image]][codecov-url]
[![dependency status][deps-svg]][deps-url]
[![dev dependency status][dev-deps-svg]][dev-deps-url]
[![License][license-image]][license-url]
[![Downloads][downloads-image]][downloads-url]
[![npm badge][npm-badge-png]][package-url]
Look up HTML tag names via HTML Element constructors, and vice versa.
## Entry points
### `byTag`
```js
const assert = require('assert');
const byTag = require('html-element-map/byTag');
// or: import byTag from 'html-element-map/byTag';
// or: import { byTag } from 'html-element-map';
assert.deepEqual(
byTag('a'),
[{
constructor: window.HTMLAnchorElement,
constructorName: 'HTMLAnchorElement',
expectedConstructor: window.HTMLAnchorElement,
tag: 'a'
}],
);
```
### `byConstructor`
```js
const assert = require('assert');
const byConstructor = require('html-element-map/byConstructor');
// or: import byConstructor from 'html-element-map/byConstructor';
// or: import { byConstructor } from 'html-element-map';
assert.deepEqual(
byConstructor(window.HTMLAnchorElement),
[{
constructor: window.HTMLAnchorElement,
constructorName: 'HTMLAnchorElement',
expectedConstructor: window.HTMLAnchorElement,
tag: 'a'
}],
);
```
### `byConstructorName`
```js
const assert = require('assert');
const byConstructorName = require('html-element-map/byConstructorName');
// or: import byConstructorName from 'html-element-map/byConstructorName';
// or: import { byConstructorName } from 'html-element-map';
assert.deepEqual(
byConstructorName('HTMLAnchorElement'),
[{
constructor: window.HTMLAnchorElement,
constructorName: 'HTMLAnchorElement',
expectedConstructor: window.HTMLAnchorElement,
tag: 'a'
}],
);
```
[package-url]: https://npmjs.org/package/html-element-map
[npm-version-svg]: https://versionbadg.es/ljharb/html-element-map.svg
[deps-svg]: https://david-dm.org/ljharb/html-element-map.svg
[deps-url]: https://david-dm.org/ljharb/html-element-map
[dev-deps-svg]: https://david-dm.org/ljharb/html-element-map/dev-status.svg
[dev-deps-url]: https://david-dm.org/ljharb/html-element-map#info=devDependencies
[npm-badge-png]: https://nodei.co/npm/html-element-map.png?downloads=true&stars=true
[license-image]: https://img.shields.io/npm/l/html-element-map.svg
[license-url]: LICENSE
[downloads-image]: https://img.shields.io/npm/dm/html-element-map.svg
[downloads-url]: https://npm-stat.com/charts.html?package=html-element-map
[codecov-image]: https://codecov.io/gh/ljharb/html-element-map/branch/main/graphs/badge.svg
[codecov-url]: https://app.codecov.io/gh/ljharb/html-element-map/
[actions-image]: https://img.shields.io/endpoint?url=https://github-actions-badge-u3jn4tfpocch.runkit.sh/ljharb/html-element-map
[actions-url]: https://github.com/ljharb/html-element-map/actions