Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于具有相同类名的多个div的ClassList.add（）-无jQuery_Javascript_Html_Jscript - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 用于具有相同类名的多个div的ClassList.add（）-无jQuery

Javascript 用于具有相同类名的多个div的ClassList.add（）-无jQuery

javascript html

Javascript 用于具有相同类名的多个div的ClassList.add（）-无jQuery,javascript,html,jscript,Javascript,Html,Jscript,我有许多div具有相同的类名（.example）。我正在尝试使用vanilla JavaScript将类添加到每个类的类列表中，并成功地这样做，但仅针对第一个拥有目标className的div，如使用以下代码所示： <html> <body> <div class="example">content</div> <div class="example">content</div> <div class=

我有许多div具有相同的
类名（.example）。我正在尝试使用vanilla JavaScript将类添加到每个类的类列表中，并成功地这样做，但仅针对第一个拥有目标
className
的div，如使用以下代码所示：


<html>
 <body> 
  <div class="example">content</div>
  <div class="example">content</div>
  <div class="example">content</div>
 </body>
</html>


var example = document.querySelector('.example');

if (className = ('.example')){
  example.classList.add('margin');
}




内容
内容
内容
var-example=document.querySelector（'.example'）；
if（className=（'.example'））{
示例.classList.add（'margin'）；
}


这样做的目的如下：


<html>
 <body> 
  <div class="example margin">content</div>
  <div class="example">content</div>
  <div class="example">content</div>
 </body>
</html>




内容
内容
内容


不过，我想这样做：


<html>
 <body> 
  <div class="example margin">content</div>
  <div class="example margin">content</div>
  <div class="example margin">content</div>
 </body>
</html>




内容
内容
内容



希望我已经为您提供了足够的信息，提前谢谢您
 您需要使用
queryselectoral（）
而不是
querySelector（）
通过元素循环来添加类，如果您需要使用：



//使用示例类选择所有元素。
var examples=document.querySelectorAll（'.example'）；
//循环遍历元素。
对于（var i=0；i


内容
内容

内容
使用querySelectorAll并迭代从您的问题中为相同的SelectorPart返回的元素列表。答案已正确回答，我认为您的
if
语句的条件与您认为的不一样。@MikaelLennholm我还解释了不必要的
if
语句<代码>：）