php - 同时增加多行的价值
问题描述
假设我有 500 个这样的对象(行):
<object id="5700" interior="0" doublesided="false" model="1890" dimension="0" posX="400" **posY**="30" posZ="100" rotX="0" rotY="0" rotZ="0"></object>
现在对于 500 行的整个“块”,我想将 20 添加到posY。
我该怎么做?
解决方案
您可以使用多种方式来做到这一点,一种是添加一个常见的选择器,如 class 或 attr,或者通过使用getElementsByTagName('object')
并循环遍历对象并使用更改的值设置属性。
请看下面的代码作为示例。
const myObjects = document.querySelectorAll('.myObject');
myObjects.forEach( object => {
let currentPosX = object.getAttribute('posX');
object.setAttribute('posX', parseInt(currentPosX, 10) + 20)
})
console.log(myObjects);
<object id="5700" class="myObject" interior="0" doublesided="false" model="1890" dimension="0" posX="400" **posY**="30" posZ="100" rotX="0" rotY="0" rotZ="0"></object>
<object id="5701" class="myObject" interior="0" doublesided="false" model="1890" dimension="0" posX="400" **posY**="30" posZ="100" rotX="0" rotY="0" rotZ="0"></object>
<object id="5702" class="myObject" interior="0" doublesided="false" model="1890" dimension="0" posX="400" **posY**="30" posZ="100" rotX="0" rotY="0" rotZ="0"></object>
<object id="5703" class="myObject" interior="0" doublesided="false" model="1890" dimension="0" posX="400" **posY**="30" posZ="100" rotX="0" rotY="0" rotZ="0"></object>