js作业之点击事件

最新推荐文章于 2024-02-09 18:10:17 发布
最新推荐文章于 2024-02-09 18:10:17 发布
阅读量442 收藏
点赞数
分类专栏： H5作业集合 文章标签： js
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/W_C_X/article/details/88309539
版权

效果：

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0px;
				padding: 0px;
			}
			li{
				float: left;
				list-style: none;
				padding:5px 10px;
			}
			.select{
				background-color: red;
			}
		</style>
		
	</head>
	<body>
		<ul>
			<li class="select">首页</li>
			<li>首页</li>
			<li>首页</li>
			<li>首页</li>
			<li>首页</li>
			<li>首页</li>
		</ul>
		<script type="text/javascript">
			var liEle=document.getElementsByTagName("li");
			var seleEle=document.getElementsByClassName("select");
			for(var i=0;i<liEle.length;i++)
			{
				var arr=liEle[i];
				arr.onclick=function(){
					seleEle[0].className="";
					this.className="select";
				}
			}
		</script>
	</body>
</html>

 

保持可爱forever
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript中的点击事件
weixin_44558721的博客
10-24 3万+
JavaScript中的基础知识
JS-事件
hello world
06-01 5062
/事件源 box //on事件类型 onclik //事件的处理程序是 通过函数赋值;IE浏览器中 可以通过e.cancelBubble = true 进行阻止事件的冒泡 //取消冒泡。网页中的每个元素都可以产生某些可以触发JavaScript的事件.事件冒泡：当点击时 事件从最精确的元素 一层一层往上触发 直到最顶层元素 这个过程叫做事件冒泡。[ add 添加] [Event 事件 ] [listner 监听,听众]console.log('代码会在box被点击后执行');
介绍js各种事件
weixin_64965154的博客
06-02 8684
当用户将该元素拖到可放置的元素上并释放鼠标按钮时，将移动该元素到可放置的元素中。在这个例子中，我们获取了ID为“myElement”的元素，并使用addEventListener()方法添加了一个鼠标移动事件监听器。在这个例子中，我们获取了ID为“myButton”的按钮元素，并使用addEventListener()方法添加了一个点击事件监听器。点击事件是指当用户单击页面上的某个元素时触发的事件。鼠标移动事件是指当用户将鼠标移动到页面上的某个元素上时触发的事件。六、窗口大小改变事件。
JS点击事件详解
weixin_75154342的博客
10-06 2103
需要注意的是，如果一个元素既绑定了`addEventListener`方法，又赋值了`onclick`属性，那么`onclick`属性中的代码会在`addEventListener`方法中的代码之后执行。要使用点击事件，我们首先需要选取要绑定点击事件的元素。另外，如果需要取消点击事件的监听，可以使用`removeEventListener`方法或者将元素的`onclick`属性设置为`null`。除了使用`addEventListener`方法，我们还可以直接将点击事件赋值给元素的`onclick`属性。
复习 JS 点击事件的3种写法
m0_68782725的博客
10-07 512
第一种写法 获取dom 触发点击事件。
JavaScript大作业-Samsung.zip
01-03
小栏目下面是悬停屏幕导航栏，这个运用的上课学的tab栏的切换效果，点击不同的标题时，下面的商品会显示出来并切换。点击右边的“注册”时，网页会跳转到另一页的注册表单页。这个表单页是运用正则表达式，可以对...
App捕鱼达人-捕鱼达人-HTMLAPP-网页设计作业-网页设计游戏-前端作业-JavaScript作业-大学生作业
02-11
捕鱼达人-HTMLAPP-网页设计作业-前端作业-JavaScript作业 htmlapp书上的作业 直接打开就可以玩 点击204.html就可以玩游戏 捕鱼达人-HTMLAPP-网页设计作业-前端作业-JavaScript作业 htmlapp书上的作业 直接打开就可以...
Web前端网页期末大作业
01-10
主页设计布局是在网站的左上角是网站标题名称和导航栏菜单，菜单栏主要分为晴空、海边、田野分别用a标签的href属性链接到对应的网易云音乐链接，右上角有个人头像，点击会旋转360度，并播放对应的背景音乐。...
JavaScript实现点击文字切换登录窗口的方法
10-24
主要介绍了JavaScript实现点击文字切换登录窗口的方法,涉及javascript操作div层及相关样式的技巧,需要的朋友可以参考下
Web前端大作业.zip
12-22
接下来是关于我们经营理念的店铺信息介绍资料，点击对应美食会弹出图片，非常方便适宜网站的总体要求。分别展示了行业资讯内容，店铺实景的图片和文字介绍，下方网站footer部分。网站最上面的导航栏联系我们页面中有...
js点击事件多种写法
m0_64494670的博客
10-04 3309
js点击事件多种写法
js点击事件
qx020814的博客
07-20 5916
可以将事件绑定在按钮上，点击就触发。将方法中的点击属性重新付给它自己。悬浮在图片上停止，离开图片继续。
JS的事件介绍
热门推荐
cnds123的专栏
09-29 1万+
JS事件，就是用户或浏览器本身的某种行为，一般是用户对页面的一些动作引起的，例如，单击某个链接或按钮、在文本框中输入文本、按下键盘上的某个按键、移动鼠标等等。当事件发生时，您可以使用 JavaScript 中的事件处理程序（也可称为事件监听器）来检测并执行某些特定的程序。JS（JavaScript）与HTML 之间的交互是通过事件（event）实现的，或者说，事件是JavaScript和DOM之间进行交互的桥梁。 一般情况下事件的名称都是以单词on开头的，例如点击事件 onclick、页面加载事件 onl
javascript作业
weixin_74146437的博客
03-16 352
使用一对花括号括起来的代码称为一个代码块所谓块级作用域，就是指变量起作用的范围是当前 代码块，离开当前代码块变量就失效了。使用var声明的变量支持全局作用域，使用let和const声 明的变量支持块级作用域。输出语句：在网页中弹出一个提示框，并且输出数据（alert），在控制台打印语句（console.log），将数据显示到网页（document.write）使用var和let声明的变量可以多次被修改,其值只与最近一次赋值一致,而使用const声明的变量,在 整个运行过程中不能修改初值.
JavaScript事件简介、事件对象event、绑定点击事件、鼠标移入移出事件、区块移动、表单事件、内容转变事件、焦点事件、键盘事件、浏览器相关事件、触摸事件、拖动效果
qq_56756602的博客
08-30 1092
JavaScript事件简介、事件对象event、绑定点击事件、鼠标移入移出事件、区块移动、表单事件、内容转变事件、焦点事件、键盘事件、浏览器相关事件、触摸事件、拖动效果等等
JavaScript中注册事件的三种方式
m0_67937429的博客
10-12 2680
注册事件的三种方式
JavaScript作业
m0_75077358的博客
03-14 305
如”$_qq”,”$qq308” ,”$my_apple”，“比如"$name我等”，但是”$name*”是不对的。1、变量名必须以字母或下划线 “_”开头，如”$_name”,”$name” ,”$name2”等，但是”$9name”是不对的。特别需要注意的是，在PHP中变量名是区分大小写的，如“$my_book”与“$my_Book”代表两个不同的变量。通过BOM可以操作浏览器窗口，比如:弹出机、控制浏览器跳转、获取分辨率。3.使用 console. log()写入浏览器的控制台。
原生js 注册点击事件的方法
逆风优雅的博客
06-15 1万+
原生js 注册点击事件的方法
Javascript中点击（click）事件的3种写法
最新发布
weixin_42017221的博客
02-09 1097
消除事件：btn.οnclick=null;
javascript期末作业网页代码
12-19
以下是一个简单的JavaScript期末作业网页代码示例： ```html <!DOCTYPE html> <title>JavaScript期末作业 function changeColor() { var element = document.getElementById("text"); element.style.color ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

保持可爱forever

赞赞赞

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值