JS代码中如何作用于多个相同id的标签?

JavaScript015

JS代码中如何作用于多个相同id的标签?,第1张

ID的意思就是身份证,而身份证的最大特征就是它的号码是唯一的,不可重复,网页标签也一样,id是具有唯一性的,多个标签不能有相同的id,如果有,那么只有第一个有效。

一般这种情况应该使用class,意思是“类”,而类是可以重复的。

但是,具体到你这个代码,其实完全不需要id或class,用this对象即可:

<script>

//鼠标移进去

function videoPlayback(video){

//给视频标签添加缓存播放---video标签属性。

video.setAttribute("autoplay","autoplay")

//给视频标签添加循环播放---video标签属性。

video.setAttribute("loop","loop")

//播放视频

video.play()

}

//鼠标离开

function videoStopped(video){

//停止播放

video.pause()

}

</script>

<video src="/uploads/media/220901/1-220Z1142455.mp4" onmouseover="videoPlayback(this)" onmouseout="videoStopped(this)" muted="false"></video>

<video src="/uploads/media/220901/1-220Z1142455.mp4" onmouseover="videoPlayback(this)" onmouseout="videoStopped(this)" muted="false"></video>

在html页面上编写javascript代码时应编写在body标签之间或者在head标签之间。根据相关公开信息查询:要看JS执行的是什么,若输出则在body之间,无输出看情况是否写在head标签之间,因为有的JS是要先有HTML标签输出了,再才能执行,不然顺序错了JS就执行不了。

代码本身没错,我已经测试过了。关键是如下三点:

1、你的页面要引用jQuery,这是基础;

2、你的页面要引用jQuery插件typed.js,这是关键;

3、你的页面上要有一个id为typed的容器。