【问题标题】:How to change attributes of elements using javascript? [closed]如何使用javascript更改元素的属性? [关闭]
【发布时间】:2019-03-04 05:45:43
【问题描述】:

如何使用 javascript 更改使用类名或 id 名(例如“.testing a”)的属性? 编辑。我用错误的方式表达了这个问题。我的意思是我想改变a类的css。

document.querySelector('.testing a').setAttribute('color','green');

类似上面的东西,但上面的代码不起作用。

<div class="testing">
  <a>1</a>
  <a>2</a>
</div>

【问题讨论】:

  • 你想改变哪个属性
  • “a”元素,但我想按照我指定的方式更改它,例如“.testing a”。

标签: javascript html css


【解决方案1】:

您可以使用querySelectorAll() 获取所有必需的元素并使用forEach() 循环遍历元素并更改元素的style.color

let elms = document.querySelectorAll('.testing a');
elms.forEach(e => e.style.color = "green")
<div class="testing">
  <a>1</a>
  <a>2</a>
</div>

使用 jQuery

$('.testing a').css('color','green');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="testing">
  <a>1</a>
  <a>2</a>
</div>

【讨论】:

  • 我需要循环播放吗?我可以一次为所有这些设置属性吗?
  • @Andy Brooke 你可以使用 jQuery 做到这一点。我更新了代码。纯js不可能
猜你喜欢
  • 2017-03-21
  • 1970-01-01
  • 2021-09-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-04-04
  • 2018-03-29
  • 1970-01-01
相关资源
最近更新 更多