微信公众号
笔记
核心:
在某个元素上,触发了某个事件,改变了相关元素(div)的属性~
根据事件改变属性。
事件(行为)
点击 onclick
失去焦点 onblur
得到焦点 onfocus
双击 ondblclick
键按下去 onkeydown
键按下者按住 onkeypress 松开键 onkeyup
鼠标按下的时候 onmousedown 鼠标移动 onmousemove 鼠标离开 onmouseout
鼠标移入 onmouseover 鼠标松开 onmouseup
当网页加载的时 onload
查找属性的一个方法
document.getElementById(‘ID名’); document.getElementsByClassName
document.getElementsByTagName document.getElementsByName
DOM操作
可以将一个HTML元素获取,然后将其变为了JS中的对象。 document.getElementById(‘ID名’)
注意:
所有的功能和方法都是基于顶级对象window的。 所以说:alert
Window.alert();
Window.document
规律
所有的css属性中有-(减号的)后面的首字母统统大写。 background-color 变为 js不的属性就是 backgroundColor
(遵循小驼峰命名法的规范)
诀窍
记不住属性没关系:
有问题 for ..in一下,你就知道。
For in 基本语法
for (temp临时变量 in 对象) {
}
注意:temp临时变量是指成员属性名
对象有两种方式访问:
1. obj.属性
2. Obj.[‘属性名’]
属性
Obj.style.width
Obj.style.height
obj.style.backgroundColor
Obj.innerHTML (内部的HTML和文本)
Obj.innerText (纯文本)
Obj.style.display
划动门(选项卡)
它是轮播效(幻灯片的核心思路)
获取写在