# html-parser-origin

**Repository Path**: nexusli/html-parser-origin

## Basic Information

- **Project Name**: html-parser-origin
- **Description**: 解析html代码（无需依赖DOM层可单独运行）支持以下功能
- querySelector
- querySelectorAll
- innerHTML
- innerText
- outerHTML
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-15
- **Last Updated**: 2022-07-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: JavaScript, webpack, HTML

## README

## html-parser-origin 介绍

尽最大努力解析并还原html代码！不会修复错误标签。

还原html本来面貌，其中包含一些模拟 原生元素的方法提供使用


#### 安装

```
npm install html-parser-origin
```


#### 使用

```
import { htmlParse } from 'html-parser-origin'

const parse = htmlParse(code: string, option?: {
    ontag()?: Any,
    oncomment()?: Any,
    ontext()?: Array<string>
})


parse.createElement('tag')

parse.createText('text')

parse.createComment('comment')


parse.querySelector('#id')

parse.querySelectorAll('.cls')
```




#### 内置方法
**Tag 节点中涵盖了以下方法 （注意：在使用了 innerXXXX、outerXXXX 方法后，节点中open，close 位置信息将不再准确 ）**

. innerText

. innerHTML

. outerHTML

. nextElementSibling

. nextSibling

. previousElementSibling

. previousSibling

. classList

. querySelector

. querySelectorAll

. appendChild

. insertBefore

. remove



**Text、Comment 节点中涵盖以下方法**

. nextElementSibling

. nextSibling

. previousElementSibling

. previousSibling