https://github.com/chemzqm/dom

Light weight dom traverse & manipulation
https://github.com/chemzqm/dom

Last synced: about 1 month ago
JSON representation

Light weight dom traverse & manipulation

• Host: GitHub
• URL: https://github.com/chemzqm/dom
• Owner: chemzqm
• Created: 2014-04-26T21:26:44.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2016-04-20T04:37:41.000Z (over 8 years ago)
• Last Synced: 2024-05-21T17:32:14.198Z (7 months ago)
• Language: JavaScript
• Size: 21.5 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        
# Dom

Light weight dom traverse & manipulation (no chain or any other thing)

[![NPM version](https://img.shields.io/npm/v/dom-easy.svg?style=flat-square)](https://www.npmjs.com/package/dom-easy)

[![Dependency Status](https://img.shields.io/david/chemzqm/dom.svg?style=flat-square)](https://david-dm.org/chemzqm/dom)

[![Build Status](https://img.shields.io/travis/chemzqm/dom/master.svg?style=flat-square)](http://travis-ci.org/chemzqm/dom)

[![Coverage Status](https://img.shields.io/coveralls/chemzqm/dom/master.svg?style=flat-square)](https://coveralls.io/github/chemzqm/dom?branch=master)

``` js

var _ = require('dom');

var els = document.querySelectorAll('.foo');

_(els).appendTo(document.body);

```

## Installation

  Install with npm:

    $ npm install dom-easy

  Install with [component(1)](http://component.io):

    $ component install chemzqm/dom

## API

### dom(nodes|node|selector)

initialize dom with node or array or selector of nodes(or array like).

### dom.all(selector)

initialize dom with querySelectorAll from selector.

### .clean([selector])

clean the childnodes with selector of empty the node(s).

### .remove()

remove node(s).

### .insertBefore(node)

insert the element(s) before `node`.

### .insertAfter(node)

insert the element(s) after `node`.

### .append(node)

append node to (each) element.

### .appendTo(node)

append element(s) to node.

### .prepend(node)

prepend node to (each) element.

### .prependTo(node)

prepend element(s) to node.

### .attr(object)

set attributes for node(s)

### .style(object)

set styles for node(s)

### .parent([selector])

find parent by selector or direct parent.

### .parents([selector])

find parents by selector or all parents.

### .children([selector])

find direct children by selector or all children.

### .prev([selector])

find previous node by selector or direct previousSibling.

### .next([selector])

find next node by selector or direct previousSibling.

### .prevAll(selector)

find all previous node filter with optional selector.

### .nextAll([selector])

find all next node filter with optional selector.

### .each(fn)

call `fn` with each node with arguments `el, i, els`.

## License

  The MIT License (MIT)