DOM对象

//操作Html
document.write();//改变输出流,不要在文档加载完之后再调用,不然会覆盖掉原有的。
document.getElementById("id").innerHTML;//获取id的标签的内容)
document.getElementByName("name");//就是通过名字获取   

//操作CSS
//找到对象后(id或name),然后获取style对象,再改变它里面的属性
document.getElementById("id").style.color = "red";

//事件监听 句柄 DOM对象
document.getElementById("id").addEventListener("事件类型click",方法);
//同一类型  同一对象可以添加多了句柄
document.getElementById("id").removeEventListener(事件类型,方法函数)

//方法
document.getElementByTagName()
document.createElement();//创建节点
body.offsetHeight//不包括滚动条
body.scrollHeight//包括滚动条

//对象
var obj = document.getElementById("id");
obj.getAttribute();//获取对象属性
obj.setAttribute();//设置对象的属性
obj.childNodes;//子节点 空白项也算 多个
obj.parentNode;//获取父结点
obj.insertBefore();//添加节点到指定节点前面
obj.removeChild(节点);//删除节点

首页 我的博客
粤ICP备17103704号