SmartDOM is a JavaScript library for efficient DOM element searching.
To use SmartDOM in your project, you can install it via npm.
npm install smart-domThen, import it into your JavaScript/TypeScript file:
import SmartDOM from 'smart-dom';You can use SmartDOM to find elements in the DOM using various criteria:
const smartDOM = new SmartDOM( window );Find by text
const elementsByText = smartDOM.findElement( {
text: 'Example Text'
} );Find by tag name
const elementsByTagName = smartDOM.findElement( {
tagName: 'div'
} );Find by attributes
const elementsByAttributes = smartDOM.findElement( {
attributes: {
class: 'example-class',
text: 'value'
}
} );Find by parent
const elementsByAttributes = smartDOM.findElement( {
parent: {
class: 'parent-class',
tagName: 'div'
}
} );Find by children
const elementsByAttributes = smartDOM.findElement( {
children: [ {
class: 'children-class',
tagName: 'div'
} ]
} );The constructor accepts a window object, which is used for DOM manipulation. It initializes the SmartDOM instance.
find(options: OptionType): Array<Element>
Finds elements in the DOM based on the provided options.
options(OptionType): An object specifying the criteria for finding elements.
An object with optional properties for specifying the criteria to find elements:
- text (string): Text content to search for within elements.
- tagName (string): The tag name of elements to search for.
- attributes (AttributeType): An object specifying attribute-value pairs to match elements.
An object where keys represent attribute names, and values represent the expected attribute values. Values can be strings or true for attribute existence checks.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent