首页 > 解决方案 > 同时增加多行的价值

问题描述

假设我有 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

我该怎么做?

标签: phpline

解决方案


您可以使用多种方式来做到这一点,一种是添加一个常见的选择器,如 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>


推荐阅读