JavaScript Dom

js包含什么:ecmaScript dom bom

Dom是什么:文档对象模型dom的编程接口,用对象和html结构--映射,通过修改对象达到修改html节点的目的

dom学什么:元素的获取,遍历

事件绑定

class的增删改查

元素的增删改查

属性的增删改查

style的操作

元素获取:document.querySelector('box'):得到一个合法的css3的选择器

document.querySelectorAll('box'):得到的是一个类数组对象,需要遍历才能操作

遍历Nodelist和htmlcollection

二。dom创建,追加

documen.createElement('div')

创建dom节点,参数是标签名

$parent.append()

在$parent内部尾部追加dom节点或字符串

node.innerText=‘hello’

设置的内容会作为$node内的文本,安全可随意使用

三。dom移动,替换,删除

$old,remove()

四,属性操作

属性怎删改查

常见api:getAttribute('id')获取属性

setAttribute('bata-id','100')设置属性

五,style操作

样式:尽量通过js操作class来修改样式

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容