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

 

posted @ 2018-07-26 17:16  收起你的小情绪  阅读(125)  评论(0编辑  收藏  举报