# bplokjs-dom-utils

> `npm install --save bplokjs-dom-utils`

Latest version **1.1.1** (published 2019-10-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install bplokjs-dom-utils
pnpm add bplokjs-dom-utils
yarn add bplokjs-dom-utils
bun add bplokjs-dom-utils
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.1 |
| Published | 2019-10-30 |
| First published | 2018-10-25 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 28.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | nobo.zhou@foxmail.com |
| Maintainers | bplok20010 |

## Links

- npm: https://www.npmjs.com/package/bplokjs-dom-utils
- Repository: https://github.com/bplokjs/dom-utils
- Homepage: https://github.com/bplokjs/dom-utils#readme
- Issues: https://github.com/bplokjs/dom-utils/issues
- npm.io page: https://npm.io/package/bplokjs-dom-utils

## Dependencies (2)

- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.6.3
- [@babel/runtime-corejs2](https://npm.io/package/@babel/runtime-corejs2.md) ^7.6.3

## Recent versions

- 1.1.1 (latest) — 2019-10-30
- 1.1.0 — 2019-10-30
- 1.0.8 — 2019-07-07
- 1.0.7 — 2019-02-17
- 1.0.6 — 2019-02-15
- 1.0.5 — 2018-12-29
- 1.0.4 — 2018-12-29
- 1.0.3 — 2018-11-20
- 1.0.2 — 2018-11-05
- 1.0.1 — 2018-10-25
- 1.0.0 — 2018-10-25

## README

# bplokjs-dom-utils

## 安装

`npm install --save bplokjs-dom-utils`

## API

- css

    `const css = require('bplokjs-dom-utils/css');`

    - `css(element, propName)` 获取指定的css值
    - `css(element, [...propName])`  获取一组css属性值，返回对象: {propName: value}
    - `css(element, object)` 批量设置元素css属性
    - `css(element, propName, value)` 设置元素css属性

- classes

    `const {hasClass, addClass, removeClass, toggleClass} = require('bplokjs-dom-utils/classes')`

    - `hasClass(element, className)` 
    - `addClass(element, className)`
    - `removeClass(element, className)`
    - `toggleClass(element, className)`

- offset

    `const offset = require('bplokjs-dom-utils/offset')`

    - `offset(element)` 获取元素相对窗口的位置
    - `offset(element, rect/* rect.left, rect.top */)` 设置元素相对窗口的位置

- position

    `const position = require('bplokjs-dom-utils/position')`
    
    - `position()` 获取元素相对`offsetParent`的位置

- querySelectorAll

    `const querySelectorAll = require('bplokjs-dom-utils/querySelectorAll')`

    - `querySelectorAll(element, selector)`

- closest

   `const closest = require('bplokjs-dom-utils/closest')`

    - `closest(element, selector)`
 
- contains

   `const contains = require('bplokjs-dom-utils/contains')`

    - `contains(parent, child)`

- matches

    `const matches = require('bplokjs-dom-utils/matches')`

    - `matches(element, selector)`

- events

    `const { on, off, filter, listen } = require('bplokjs-dom-utils/events')`

    - `on(element, eventName, handler, capture)` 
    - `off(element, eventName, handler, capture)` 
    - `var unlisten = listen(element, eventName, handler, capture)` 
    - `filter(selector, handler)`

    `listen(element, 'click', filter( '.test', handler ))`

- scrollIntoView
    
    `scrollIntoView(element, [scrollParent])`

- scrollBarSize

    `scrollBarSize()`

- domReady

    `domReady(fn)`

---
_Source: https://npm.io/package/bplokjs-dom-utils · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._