关于dom

1.dom.dataset.id  可以取到data-id的属性

2.attributes 可以获取所有属性包括自定义的    property指class id 等  dom.classname直接获取class 而非dom.class(凡事用dom可以直接点出来的都是property)   

如获取style dom.getAttribute('style')  dom.cssText    prop数据双向绑定实时更新,attr里的属性并不是(prop改变,attr不一定改变,attr改变prop一定改变,二者更新都会更新html)

 因为基本属性都会加入property attributes是property的子集  类行为namenodemap

3.window.getcomputedstyle获取最终style

4.childnodes会获取会车等文本节点   children只会获取子元素

5.draggable等属性不赋值获取值为''

6.htmlcollection为元素节点  如getelementby获取的(动态的)     nodelist的为所有节点包含文本节点  换行等    dom.attributes获取的是namednodemap  三者都为类数组对象

firstchild nextsilbling等获取的都为nodelist里的内容

 

  htmlcollection和nodelist都是动态的,但queryselectorall获取的nodelist是静态的   getElementby获得是htmlcollection

利用nodelist (最外层innerText)可以实现文章内容搜索忽略html标签

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值