javascript - 如何使用 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");