dom相关
- document.getElementById(“box”);//通过id获取标签
- document.getElementsByclassName(“box1”) 根据类名获取页面元素
- document.getElementsByTagName(“div”);根据标签名获取页面元素
操作节点 （一定是父节点去调用方法，操作的都是子节点）
- 从后面添加子节点：
节点.appendChild(传入的节点); - 从前面添加子节点：
节点.insertBefore(要插入的节点 , 在谁之前); - 删除子节点
父节点.removeChild(子节点)
属性相关
- setAttribute 给元素设置属性：
element.setAttribute(name, value); - getAttribute 获取元素的某个属性:
var value = element.getAttribute("id"); - hasAttribute 元素是否又某个属性：
var bool = element.getAttribute("pid"); - 设置标签的内容
box.innerHtml=”内容加进去”； - 访问类名
标签.className
样式相关
- 对标签的样式设置使用
.style
var box=document.getElementById("box");
box.style.width="100px";
box.style.backgroundColor="#ff00000"//带有段横线的属性要是用驼峰命名的方式。
- 同时设置标签的多个样式
box.style.cssText="width:10px;height:100px;background-color:red";//不常用
表单的属性
- 禁用s输入框
ipt.disabled = boolean - 复选框选中
cbx.checked = boolean - 下拉框选中
slt.selected = boolean
事件类型
- 点击事件
onclick - 鼠标移入
onmouseover - 鼠标移出
onmouseout - 标签默认事件取消
某些标签具有默认的效果，例如a标签的跳转，有时候我们不想要这种效果，可以在onclick事件最后加上return false;
焦点事件
- focus() 让元素获得焦点
ipt.focus() - onfocus 文本框获取焦点时触发事件
ipt.onfocus=function(){...} - onblur 失去焦点时触发事件
- input获取内部文本 使用value
ipt.value
