一个html树可以映射为一个dom树,两者是双向联动的关系
html树的节点是标签,dom树的节点是dom对象
dom对象的获取方式
1.html树中查找标签,再找标签在dom树里对应的dom对象
通过docuement.getElementById()等方式在html树上查找标签,再到dom树上找到标签对应的dom对象进行获取。
2.手动创建dom对象
通过createElement进行创建dom对象,并可以插入dom对象树中,由于是双向联动的关系,此时html树也会产生对应的标签。
注意点:dom对象变量如果是从dom树中获取或者是手动创建但己插入dom树中的,dom树中的对象会和dom对象变量进行双向联动,html树联动dom树,dom树又联动dom对象变量,行成三向联动,但删除时html树只会与dom树进行联动,不会与dom对象变量进行联动,dom对象变量会有最后的值。dom对象变量真实的例子是vue组件中的el属性
dom对象变量重复插入dom树中是无效的