小编oba*_*net的帖子

按钮

我想让它与像这样的事件侦听器一起使用：

document.body.addEventListener('click', function(e) {
console.log(e.target);
    if (e.target.hasAttribute('data-a-target="popout-chat-button"')) {
            console.log('popout button');
    }
});

<button data-a-target="popout-chat-button" data-test-selector="popout-button">Popout</button>

我无法使用 hasAttribute 检查值，最好的方法是什么。

所以我在一个 div 中有几个跨度，其中大多数都有类或其他属性。

<span class="one" attribute="test"></span>
<span></span> /* This is what i need to select */
<span class="three" attribute="test"></span>
<span class="four" attribute="test"></span>
<span></span>

我想选择没有属性的第一个跨度，但还要确保不会选择没有属性的最后一个跨度。

此外，与一流的元素one有时会出现有时不会，所以我不能与一些喜欢选择它： [1]。

最好的方法是什么？

我正在尝试从突变中定位 img，如下所示：

var image = mutation.parentElement.querySelector('img[alt="Text"]');

问题是，当图像有多个 alt 值时，它不会被检测到。仅当图像仅包含“文本”而不​​包含“演示文本”时，它才匹配图像。

我想要定位这样的图像：

<img src="demo.jpg" alt="Apple-one Text" />

和

<img src="demo1.jpg" alt="Text" />