原生JS如何修改某一段样式

Posted 2023-05-17

期望效果如图将90deg改成0deg

匹配多个指定位置，并且要修改，那你就只有先用for循环把每个标签的style获取到，然后使用正则表达式来进行搜索，匹配到你需要的这个90deg，替换成0就行了。关键是正则你要考虑全面追问

我后来是用你说的办法实现的 就是如何获取到目标元素让我头大 因为是3D定位 距离父级元素位置都是0，0今天试了好几个办法都不能很好实现

另外我通过数组赋值的方式 让他们的index值一一对应，拼接的时候只修改角度值，会相对简单很多，现在就去如何获取目标元素的问题

追答

获取就用正则，因为你是将(0,0,1)的这个进行旋转，所以可以搜索以这个开头，然后获取从此开始的后面几位就行了，或者是translate3d前面的几位，反正找一个独一无二的特征进行搜索

追问

那个前面的0，0，1是沿着哪个轴旋转的 不用管，度数也解决了拼接 就是想获取元素

参考技术A document.getElementById('jiao1').style.transform = "rotate3d(0,1,0,0deg) rotate3d(0,0,1,0deg) rotate3d(1,0,0,0deg) rotate3d(0,0,200px)";
各浏览器兼容：webkitTransform、MozTransform 、msTransform 、OTransform 、transform追问

单个可以这么做 如果多个呢比如说一百个怎么做 而且内容都不一样

如何利用原生js更改css样式

参考技术A document....（id名）.style.backgroundColor = “ren” css里的属性有-的就去掉将首字母大写，这个就是设置背景颜色的