dom的一些特性

一个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树中是无效的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值