如何通過ClassName獲取元素並以某個字符串開頭？

Question

我需要通過類名元素，其開頭：

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

你快到了。

嘗試：

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

這讀作：

讓變量x是的 文件，其中包含的類​​和.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]