如何通过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

你几乎就在那里。

尝试：

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

这读作：

  

让变量X 成为中的第一个元素   包含类.width-48和.height-48 AND的文档   .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]