External module: dom操作
Index
Enumerations
Functions
Functions
place
▸ place(node: Node
, position: Position, relativeElement: Element
): void
Defined in dom/place.ts:37
改变dom元素位置
example:
// 原dom结构 <A><div></div><div></div></A><D></D><E></E>
import { place, Position } from '@dfeidao/atom-web/dom/place';
const E = fd.data.node.querySelector('E');
const A = fd.data.node.querySelector('A');
place(E, Position.After, A);
// Position.After\|0 ↑ After 修改后 => <A><div></div><div></div></A><E></E><D></D>
place(E, Position.Before, A);
// Position.Before\|1 ↑ Before 修改后 => <E></E><A><div></div><div></div></A><D></D>
place(E, Position.FirstIn, A);
// Position.FirstIn\|2 ↑ FirstIn 修改后 => <A><E></E><div></div><div></div></A><D></D>
place(E, Position.LastIn, A);
// Position.LastIn\|3 ↑ LastIn 修改后 => <A><div></div><div></div><E></E></A><D></D>
place(E, Position.Replace, A);
// Position.Replace\|4 ↑ Replace 修改后 => <E></E><D></D>
Parameters:
Name | Type | Description |
---|---|---|
node | Node |
目标元素 |
position | Position | |
relativeElement | Element |
相对元素 |
Returns: void
remove
▸ remove(node: Node
): void
Defined in dom/remove.ts:16
移除dom元素
example:
import remove from '@dfeidao/atom-web/dom/remove';
const node = fd.data.node.querySelector('#node');
remove(node);
Parameters:
Name | Type | Description |
---|---|---|
node | Node |
目标元素 |
Returns: void