如何將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');