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来修改样式