事件:
事件源.事件 = function() {
//事件发生后 如何处理
}
box.onmouseover = function() {
obj.style.display = "block";
}
常见的事件:onclick onmouseover onmouseout onload
与表单相关的事件 onfocus 获得焦点
onblur 失去焦点
oninput : 判断用户是否输入的行为
**** js获取表单值
获取文本框的内容 txt.value
window.onload = function() {
}
id页面唯一(规范)
查找元素 1 通过id去找元素 找到唯一的元素或者找不到
document.getElementById(id)
<div id="div1"></div>
document.getElementById("div2") null
2 通过标签名获取元素
document.getElementsByTagName("p")
上面代码含义:获取页面所有的p元素,结果
是一个伪数组,目前当数组看
注意:假如页面中只有一个标签元素,用标签名
获取元素时候,结果也是只含有一个元素数组
上述两个找元素方法,没兼容问题
3 通过类名找元素 有兼容问题
****this 指的是事件调用者或者函数调用者 “自己”
与表单焦点相关的两个小方法 focus() select() (自动选择内容)
*****innerHTML 获取或设置元素的内容
obj.innerHTML = "值"
***** js控制样式(优先级问题)
obj.style.color = "red";等价与
<p style="color:red"></p>
css部分
.red {
color: red;
}
js部分
obj.className = "red";等价于
<p class="red"></p>
*****
obj.checked 代表复选框的状态