如何将Javascript变量用作DOM

Question

这有点难以表达，所以我希望您能理解：

我在变量中有一整页。 我需要能够对此执行getElementsByClassName。 但是如何？

我试过了：

$.get( base_url, function( data ) {
 var something = data.getElementsByClassName('.user_name');
});

Answer 1

如果您的URL返回HTML，则data为字符串。 由于您使用的是jQuery，因此您可以让jQuery为您解析它：

var dom = $(data);

然后，您可以在该断开连接的元素集上使用所有常用的jQuery方法，因此：

var userNames = dom.find(".user_name");

如果您不使用jQuery，则可以让浏览器将其解析为元素：

var div = document.createElement('div');
div.innerHTML = data;

...然后在该断开连接的div上使用DOM方法。 我不会使用getElementsByClassName ； querySelectorAll具有更好的支持； 基本上，它存在于所有现代浏览器以及IE8中，但IE8没有getElementsByClassName 。

var userNames = div.querySelectorAll(".user_name");

Answer 2

您正在将纯JavaScript与JQuery混合

尝试这个

 data.getElementsByClassName('user_name');

代替

 data.getElementsByClassName('.user_name');