JavaScript: Получить элемент Где Атрибут StartsWith Значение

Question

JavaScript: Получить элемент Где Атрибут StartsWith Value

Использование чистого JavaScript, как поиск конкретного DOM элемента с помощью и значение атрибута? Использование Начало значения атрибута в качестве параметра поиска, который является строкой.

Пример: Как получить следующий элемент DOM с использованием чистого JavaScript? Значение Random_URL_value меняется каждый раз, что я хочу получить.

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

Запрос должен быть как: Получить элемент Где Атрибут StartsWith Значение

Может быть, с помощью .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>