Как я могу получить элемент по ClassName с началами с определенной строкой?

Question

мне нужно, чтобы получить элемент по ClassName, который начинается с:

width-48 height-48 profile_view_img

Полный тег:

<div class="width-48 height-48 profile_view_img_9131256"></div> 

числа всегда изменяет этот класс.

Это то, что я пытался до сих пор:

var x = window.document.querySelectorAll("*[class^=\"width-48 height-48 profile_view_img\"]")[0] 

Answer 1

Попробуйте следующее:

var x = window.document.querySelectorAll("*[class^=\"width-48 height-48 profile_view_img\"]")[0] 
var className = x.className; 

JSFiddle.

Answer 2

Вы можете использовать либо querySelector так:

var element = document.querySelector(".width-48.height-48.profile_view_img"); 

Или просто использовать getELementsWithClass, который принимает пространства, как это:

var elements = document.getElementsByClassName("width-48 height-48 profile_view_img"); 

Answer 3

Ты почти там.

Try:

var x = document.querySelectorAll('.width-48.height-48.profile_view_img')[0]; 

Это гласит:

Пусть Переменная X быть первый элемент в документ, который содержит классы .width-48 И .height-48 И .profile_view_img.

Answer 4

Для первого элемента, который имеет классы с именами, начиная с

width-48 и height-48 и profile_view_img

вы можете попробовать:

var x = window.document.querySelectorAll("*[class^='width-48'] *[class^='height-48'] *[class^='profile_view_img']")[0]