DOM
jsDom知识 组成:
ECMAsript:语法核心
BOM:浏览器对象模型
window:窗口 open close
定时器 又返回对象返回的是这个定时的对象
setInterval();//连环炸弹 间隔执行
setTimeout();//定时炸弹 延迟执行
clearInterval();//清定时器
clearTimeout();//清定时器
histroy:历史记录 go(前进)(-1) back(后退)
location:地址栏 href="" replace()
document:文档 DOM:文档对象模型
DOM操作
核心思想:找到元素,操作元素
js找元素:会返回元素对象
dociment(从文档里面找)
dociment.getElemetById("dd");(get找Elemet元素By通过)唯一确定
返回的都是数组 数组元素是元素对象
dociment.getElementsByName("dd")name属性的值
dociment.getElementsByTagName("dd")标签名
dociment.getElementsByClassName("dd")class的值
Dom代表我找到的元素对象
操作元素内容
非标单元素:Dom.innerHTML
表单元素:Dom.value
操作元素属性
Dom.getAttrobute("aaa");//获取属性值
Dom.setAttrobute("class","bbb aaa");//设置属性
Dom.romoveAttrobute();
Dom.id
操作元素样式
Dom.style.color
Dom.style.color=red
操作元素事件
1、直接在标签里面加事件属性
2、Dom.onClick=function(){}
3、dom.addEventListener(事件名,方法名)
Dom.removeEventListener(方法名)
第一种添加事件的方式:参数,字符串拼接,转义字符,this