JavaScript：获取属性StartsWith Value的元素

Question

JavaScript：获取属性StartsWith Value的元素

使用纯 JavaScript ，如何使用属性和值搜索特定的DOM元素？ 使用属性值的开始作为搜索参数，即String。

示例： 如何使用纯JavaScript获取以下DOM元素？ Random_URL_value值每次都会更改，这是我想要获得的。

<div style="background-image: url(Random_URL_value);"></div>

查询必须如下：获取属性StartsWith Value的元素

或许，使用.querySelectorAll或.querySelector

谢谢。

Answer 1

Ya，您可以使用 querySelector（）或 querySelectorAll（）

document.querySelector("div[style^=back]").classList.add("highlight");

div{
  height: 100px;
  width: 100px;
  background-color: aliceblue;
  float: left;
}

div.highlight{
  border: solid 1px red;
}

<div></div>
<div style="background-image: url(http://placekitten.com/g/100/100);"></div>
<div></div>