如何选择具有特定属性的范围

Question

我需要在包含属性“data-whatever”的范围中加上“hello”这个词，即对于这个范围：

<span data-whatever="nomatterwhat"> </ span>

我需要这样做：

$ ("span[data-whatever]").html("hello");

请注意，上面的内容是使用JQuery，但我需要知道如何使用纯javascript执行相同的操作。

Answer 1

您可以使用querySelector

document.querySelector('span[data-whatever]').innerHTML = "You text";

Answer 2

试试这个：

var el = document.querySelectorAll('span');
el.forEach(function(item){
  if(item.hasAttribute('data-whatever')){
    item.innerHTML = 'Hello';
  }
})