获取子标签值将其设置为父标签的class值

最新推荐文章于 2022-10-16 23:45:00 发布

飞龙王

最新推荐文章于 2022-10-16 23:45:00 发布

阅读量356

点赞数

文章标签： js html css javascript

本文链接：https://blog.csdn.net/m0_37634735/article/details/105989437

版权

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
   <style>
       .d1{
           font-size: 20px;
           color: red;
       }
       .d2{
           font-size: 20px;
           color:blue;
       }
       .d3{
           font-size: 20px;
           color: yellow;
       }
   </style>
</head>
<body>
   <div id="div">
       <span>d1</span>
       <span>d2</span>
       <span>d3</span>
   </div>
   <p id='p'></p>
   <script>
       var a=[]
       var x=[]
       var x=document.getElementById('div').children//获取所有span标签
       for(let i=0;i<3;i++){
       a[i]=document.getElementsByTagName('span')[i].innerHTML
       }//把span标签的文本值存放数组
       for(let i=0;i<a.length;i++){
           x[i].setAttribute('class',a[i])//将span标签的值设为每个span的class值

       }
   </script>
</body>
</html>

优惠劵

飞龙王

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获取子标签值将其设置为父标签的class值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&lt...
复制链接

扫一扫