js_简单事件处理

原创于 2018-07-18 16:55:00 发布 · 199 阅读

CC 4.0 BY-SA版权

本文通过两个实例展示了如何使用JavaScript处理DOM事件及动态修改元素样式，包括响应点击和鼠标悬停事件，并调整文字颜色及大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div onclick="clickD(this)">点我试试</div>
<div onmouseover="overD(this)" onmouseout="outD(this)">鼠标移动试试</div>

function clickD(obj){
	alert(obj.innerHTML);
}
function overD(obj){
	obj.style.color="#f00";
	obj.style.fontSize="18px";
}
function outD(obj){
	obj.style.color="#000";
	obj.style.fontSize="12px";
}
document.write("aaa<br>");
document.write("bbb<br>");
document.write("ccc<br>");
with(document){
	write("aaa<br>");
	write("bbb<br>");
	write("ccc<br>");
}

注意:

（1）.div中this表示div这个对象

（2）.在css中是font-size,在js中是fontSize

（3）.有多个重复根的代码时，可以使用with（）｛｝，括号里面是根元素