Parser

ObjectParser

import ObjectParser from "./ObjectParser.js";
const op = new ObjectParser({
    type: "html", // html, svg 或者 xml
});

// 以第二个参数的方式解构 yourObject
op.parse(yourObject, {
    // data@codeData 的意思是 解构出 data 属性的值并放置在上一个结果对象的 codeData 属性上
    // 这里的属性值为空字符串的意思是返回本身值
    code: { "data@codeData": "" },

    // @ 后面不接参数的意思是使用前面的 name2 作为放置属性
    // 嵌套解构会按顺序嵌套出结果
    name1: { "name2@": { name3: { "name4@": "" } } },
    // result => {name2:{name4:'我是 name4'}}

    data: {
        // 注意，数组解构的时候，值是数组的那个名称必须放置名称，否则不会解构出结果
        "dataDeep@dataDeep": [
            {
                "name@": "",
            },
        ],
    },
});

HTMLParser

import ObjectParser from "./ObjectParser.js";
const op = new ObjectParser();

// 以第二个参数的方式解构 yourObject
op.parse(document, {
    // 找到所有的 .btn 并将 innerText 放入 result 中
    ".btn@result": ["innerText"],

    // 找到第一个 .btn
    ".btn@result1": "innerText",

    // 所有形式其实和 ObjectParser 是一致的
});