1.dom:文档对象模型,操作节点
1)获取节点
document.getElementById("id")//通过id获取
document.getElementsByClassName("className")//通过class获取
document.getElementsByTagName("TagName")//返回标签名符合的所有元素集合
document.getElementsByName("Name")//返回标签属性name符合的所有元素集合
queryselectorall---静态获取,你只能获得,不能改变 --动态生成的节点也获取不到
2)创建节点:createElement;createTextNode;
3)操作节点:appendChild,removeChild,cloneNode,insertBefore,replaceChild
4)操作节点属性:getAttribute('属性名'),setAttribute('属性名','属性值'),removeAttribute('属性名')
2.css操作
1)查询:document.getElementById("id")//节点.style.属性名
2)修改:节点.style.属性名='属性值'
例子:document.getElementById("hideDiv").style.display="none" //隐藏名字为hideDivdiv里面的所有内容。