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

JavaScript026

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的容器。