如何使用javascript获取点击的元素src

How to get the clicked element src with javascript

本文关键字：元素 src 何使用 javascript 获取      更新时间：2023-09-26
当我

点击变量时，我需要储存视频 src 

<a onclick="hide(this)">
     <div id="preview">
            <div id="preview-coverflow"> 
                <video width="100%" height="100%"  class="cover" loop data-name="For Wes" autoplay>
                    <source src="vid/mp4/For_Wes.mp4" type="video/mp4">stock
                </video>
           </div>
     </div>
</a>

由于我没有看到hide是如何定义的，您可以将其添加到页面底部，也可以通过在前面添加window来使其成为全局变量（演示）：

window.hide = function() {
  var target = document.querySelector('#preview');
  // toggle display
  target.style.display = target.style.display === 'none' ? '' : 'none';
}

大多数开发人员会建议您与函数分离。在这种情况下，请从链接中删除onclick并将以下代码添加到底部（演示）：

// change HTML to <a class="toggle">
document.querySelector('.toggle').addEventListener('click', function() {
  var target = document.querySelector('#preview');
  // toggle display
  target.style.display = target.style.display === 'none' ? '' : 'none';
});
相关文章：