2016-09-30 21 views
-3

JavaScript的:獲取元素在哪裏屬性StartsWith值JavaScript的:獲取元素在哪裏屬性StartsWith值

使用純的JavaScript,如何搜索使用屬性和值特定的DOM元素? 使用屬性值開始作爲一個字符串的搜索參數。

例如: 如何使用純JavaScript獲取以下DOM元素?值每次都在變化,這是我想要獲得的。

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

查詢必須像:獲取元素在哪裏屬性StartsWith值

也許,使用.querySelectorAll.querySelector

謝謝。

+0

的選擇草案API的最新版本是在這裏:[* https://開頭drafts.c​​sswg.org/selectors-4/*](https://drafts.c​​sswg.org/selectors-4/)。有一個[* Substring匹配屬性選擇器*](https://drafts.c​​sswg.org/selectors-4/#attribute-substrings)部分適用的例子。 – RobG

回答

0

雅,您可以使用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>