查找dom节点

查找子节点

1. 单个节点查找

    fd.data.node.querySelector('tagname');
    fd.data.node.querySelector<HTMLInputElement>('#id');
    fd.data.node.querySelector<HTMLSpanElement>('.class');
    fd.data.node.querySelector<HTMLTextAreaElement>('[attribute-name]');
    fd.data.node.querySelector<HTMLAnchorElement>('[attribute-name=attribute-value]');
   

2. 多个节点查找

    Array.from(fd.data.node.querySelectorAll('tagname'));
    Array.from(fd.data.node.querySelectorAll<HTMLInputElement>('.class'));
    Array.from(fd.data.node.querySelectorAll<HTMLSpanElement>('[attribute-name]'));
    Array.from(fd.data.node.querySelectorAll<HTMLAnchorElement>('[attribute-name=attribute-value]'));
   

查找父级节点

node.parentElement as HTMLDivElement;
node.closest('tagname');
node.closest('.class') as HTMLInputElement;
node.closest('[attribute-name]') as HTMLSpanElement;
node.closest('[attribute-name=attribute-value]') as HTMLAnchorElement;