js获取多个标签元素的内容,并根据元素的内容修改标签的属性

 

<html >
<head>
<title>无标题文档</title>
</head>

<body>
<div class="aaa">你好</div>
<div class="bbb" style="display:none;">更改我的属性</div>

<div class="aaa"></div>
<div class="bbb" style="display:none;">更改我的属性</div>

<div class="aaa">你好</div>
<div class="bbb" style="display:none;">更改我的属性</div>
</body>
</html>
<script>
var arr = document.getElementsByClassName('aaa'),temp = [];
var brr=document.getElementsByClassName('bbb');
for(var i = 0;i<arr.length;i++){
temp.push(arr[i].innerHTML)
}
for(var i = 0;i<arr.length;i++)
{
if(temp[i]=='你好')
{
brr[i].style.display="block";
}
}    
</script>

 

 

 

转载于:https://www.cnblogs.com/275147378abc/p/5104396.html

参考资源链接:[js获取html的span标签的值方法(超简单)](https://wenku.csdn.net/doc/6459f53cfcc539136825a767?utm_source=wenku_answer2doc_content) 获取页面上span标签的值是前端开发中的一项基础技能,对于任何希望提高自己JavaScript能力的人来说都是非常重要的。为了深入理解并掌握这一技能,建议先阅读这篇资料《js获取html的span标签的值方法(超简单)》。通过这篇文章,你将能学习到如何使用JavaScript获取span标签内容的简单方法。 在JavaScript中,要获取页面上span标签的文本值,最直接的方法是使用`document.querySelectorAll('span')`来选取所有的span标签,然后遍历这些标签并对每个标签使用`.textContent`或`.innerText`属性获取其文本内容。以下是具体的代码示例: ```javascript // 获取页面上所有的span标签 const spans = document.querySelectorAll('span'); // 遍历span标签数组,并打印每个标签的文本内容 spans.forEach(span => { console.log(span.textContent); // 或者使用 span.innerText }); ``` 这段代码首先通过`document.querySelectorAll('span')`选择页面上所有的span标签,并将它们存储在数组变量`spans`中。然后,通过`forEach`方法遍历这个数组,对每一个元素使用`.textContent`(或者`.innerText`)属性获取其文本内容,并通过`console.log`打印出来。这种方法简单直接,且能够有效地获取到所有span标签内容。 在你掌握了基本的获取方法之后,如果想要进一步提升自己在DOM操作和JavaScript编程方面的技能,建议继续深入学习并实践更多高级技术。例如,探索如何使用事件监听器、动态修改DOM元素、以及利用现代JavaScript框架和库来更高效地操作DOM。 参考资源链接:[js获取html的span标签的值方法(超简单)](https://wenku.csdn.net/doc/6459f53cfcc539136825a767?utm_source=wenku_answer2doc_content)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值