从标记中查找src图像值

作者: 晴天3
发布时间: 2025-01-11 12:01:58 (11小时前)
转自：

3 条回复

0#
回复此人
無口君哦哦 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你可以在GitHub gist或pastebin上发布完整的源代码吗？ </p> <P> 这是一种更简单的方法。您无需添加和删除新的图像元素，只需更改 <code> src </code> 属于现有属性。 </p> <pre> <code> <ul class='imageMenu'> <li data-image="dog.jpg">dog</li> <li data-image="cat.jpg">cat</li> <li data-image="donkey.jpg">donkey</li> </ul> <img src="" id='selectedImage' /> <script> const img = document.querySelector('#selectedImage'); document.querySelectorAll('.imageMenu li').forEach(item => { item.addEventListener('click', evt => { img.setAttribute('src', evt.target.getAttribute('data-image')); }); }); </script> </code> </pre> </DIV>

编辑
1#
回复此人
凯撒 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 不确定我是否完全理解您的问题，但我确实发现您的代码存在问题。 </p> <P> 你在定义 <code> var Imgsrc </code> 在一个 <code> if </code> 块。如果表达式不正确，那么 <code> Imgsrc </code> 将不会被定义。然后在您的代码中，无论条件如何，您都可以使用它，而无需检查它是否首先定义。 </p> <P> 请参阅下面的代码注释。 </p> <pre> <code> <script type="text/javascript"> window.onclick = function(e) { var node = e.target; while (node != undefined && node.localName != 'a') { node = node.parentNode; } if (node != undefined) { if (this.id == 'alternate-image') { var Imgsrc = $(this).find('img').attr('src'); //<!---- here you define the Imgsrc var //but what if the this.id != 'alternate-image'?? alert(src); } var dv = document.getElementById('gallery'); // remove all child nodes while (dv.hasChildNodes()) { dv.removeChild(dv.lastChild); } alert("The button value is: " + node); var img = document.createElement("IMG"); img.src = Imgsrc; //<!---- need to check if this is defined. dv.appendChild(img); return false; // stop handling the click } else { alert('This is not a link: ' + e.target.innerHTML) return true; // handle other clicks } } </script> </code> </pre> <P> 您有机会发布您的HTML或更多细节，以便我们解决这个问题吗？ </p> </DIV>

编辑

登录后才能参与评论