Javascript 具有具有特定类名的Div的元素

Javascript 具有具有特定类名的Div的元素,javascript,class,html,Javascript,Class,Html,嗨,我怎样才能在使用“sample”类的Div中获得元素呢 文档中有许多Div <div class="sample"/> .. <div class="sample"/> .. <div class="sample"/> .. <div id = "samplediv"> <div class="sample"> <div> </div> .. .. .. 我的问题是找到带有类sample的div

嗨,我怎样才能在使用“sample”类的Div中获得元素呢

文档中有许多Div

<div class="sample"/>
..
<div class="sample"/>
..
<div class="sample"/>
..
<div id = "samplediv">
  <div class="sample">
  <div>
</div>

..
..
..

我的问题是找到带有类sample的div并操作该div的一些属性。因此,我想用class=“sample”?

获得该div。如果您使用jQuery,您可以使用等效的CSS选择器,在这种情况下:

$(".sample")

如果您使用的是jQuery,则可以使用等效的CSS选择器,在本例中:

$(".sample")

在大多数现代浏览器中,您可以使用以下函数按类名获取对象:

getElementsByClassName("sample")
这在任何元素上都可用,包括
document
(如
document.getElementsByClassName
)。问题是,旧的浏览器不支持这一点。相反,您可以使用jQuery执行相同的操作:

$(".sample")

希望这有帮助

在大多数现代浏览器中,您可以使用以下函数按类名获取对象:

getElementsByClassName("sample")
这在任何元素上都可用,包括
document
(如
document.getElementsByClassName
)。问题是,旧的浏览器不支持这一点。相反,您可以使用jQuery执行相同的操作:

$(".sample")

希望这有帮助

如果您可以使用jQuery,可以通过以下方式实现:

jQuery("div.sample");

如果可以使用jQuery,则可以通过以下方式实现:

jQuery("div.sample");
使用jQuery:

$('.sample').each(function() { doStuff($(this)); });
或者在普通JS中:

document.getElementsByClassName('sample');
使用jQuery:

$('.sample').each(function() { doStuff($(this)); });
或者在普通JS中:

document.getElementsByClassName('sample');

我投票支持了drachenstern的评论所以

如果使用Prototype.js,则可以使用函数$$(选择器),如:


)()

我对德拉钦斯特恩的评论投了赞成票,所以

如果使用Prototype.js,则可以使用函数$$(选择器),如:


)()

您将使用
document.queryselectoral(“div.sample”)
。更多IE8及以上版本以及所有现代浏览器都支持它。

您可以使用
document.queryselectoral(“div.sample”)
。更多IE8及以上版本以及所有现代浏览器都支持它。

请准备好使用jQuery的50个答案。另外,你能提供一个更明确的例子来说明你想要实现的目标吗?你会反复阅读所有这些内容吗?伯爵?你已经尝试了哪些不起作用的方法?请更新我的问题。我尝试了$(“+”示例)。它返回了一个数组。由于div只有一个类“sample”而没有Id,我不知道如何解决这个问题。但所有这些div都是自动生成的jqgrid div,仅仅因为它返回一个数组(实际上它返回一个包装器对象),并不意味着它对单个对象没有用处。只需使用第一个元素或直接处理结果。准备好大约50个答案,比如使用jQuery。另外,你能提供一个更明确的例子来说明你想要实现的目标吗?你会反复阅读所有这些内容吗?伯爵?你已经尝试了哪些不起作用的方法?请更新我的问题。我尝试了$(“+”示例)。它返回了一个数组。由于div只有一个类“sample”而没有Id,我不知道如何解决这个问题。但所有这些div都是自动生成的jqgrid div,仅仅因为它返回一个数组(实际上它返回一个包装器对象),并不意味着它对单个对象没有用处。只需获取第一个元素或直接处理结果.jQuery(“div.sample”).each(函数(n){jQuery(this).property u要为单个数组元素修改;});jQuery(“div.sample”).each(函数(n){jQuery(this).property u要为单个数组元素修改;});SARAVAN:要使用类“sample”操作其中一个元素,只需:
document.getElementsByClassName(“sample”)[0]
即可检索该元素。例如,要将背景设置为红色,您需要
document.getElementsByClassName(“sample”)[0].style.backgroundColor=“red”
SARAVAN:要使用类“sample”操作其中一个元素,只需:
document.getElementsByClassName(“sample”)[0]
即可检索元素。例如,要将背景设置为红色,您需要
document.getElementsByClassName(“示例”)[0].style.backgroundColor=“red”