如何使元素具有相同的“ src”

问题描述

我有两个元素，element [a]具有链接到视频的（src），element [b]具有没有链接{src =“”}的（src），如何制作所有这些元素与我单击element [a]具有相同的（src）。预先感谢

element[a]

<p class="cot">
<a src="golight_vid/Israel_Mbonyi_-_Mbwira(360p).mp4" id="lik" onclick="document.getElementById('pl').style.display='block'" align="center">
</a></p>



element[b]

<div id="pl" class="veiw" align="center">
<video class="ply" controls autoplay loop>
   <source src="" type="video/mp4">
</video>
</div>```

解决方法

尝试将其添加到您的HTML中：

<script>
  document.getElementById("lik").addEventListener("click",function(e) {
    const newSrc = "https://www.example.com/video.mp4";
    const elements = document.querySelectorAll("#lik,#pl,video.ply>source"); //change #b for the real id

    var i;

    for (i = 0; i < elements.length; i++) {
      elements[i].src = newSrc;
    };
  });
</script>

在这里，您要将一个函数附加到元素A的click事件上，以便它在您每次单击时都运行。在函数中，定义要应用的新src以及要应用到的元素列表。您可以根据自己的喜好对其进行修改。使用id（#id）是引用特定元素的最简单方法。

该函数然后遍历这些元素并应用src。

src src