本文共 750 字，大约阅读时间需要 2 分钟。

文中涉及到HTML标签的操作方法，这里将以技术性的角度进行阐述。

// element.querySelector方法用于从节点列表中快速找到带有选定类名或属性的所有标签。这里使用querySelector('div')来获取所有div标签的对象。

// 添加属性的不同方法：// 1. 通过设置属性直接在标签对象上定义，一般适用于id和class属性。// 例如：标签对象 id 属性可以通过 oDiv.id = 'div1'; 来设定。

// 2. 对于其他自定义的属性，可以使用 setAttribute() 和 getAttribute() 方法进行操作。// 例如：使用 oDiv.setAttribute('index', 0); 设置属性值，oDiv.getAttribute('index') 获取对应的属性值。

// 注意事项：// - 对于某些属性（如id和class），直接通过标签对象设定和获取更为高效。// - 对于其他属性（如name和title），建议使用 setAttribute() 和 getAttribute() 为更好的选择，以确保不同浏览器的兼容性。

//示例代码：

var oDiv = document.querySelector('div');oDiv.id = 'div1';oDiv.className = 'div2';oDiv.name = '张三';

// 常用属性和方法说明：

• id属性: 需要通过 oDiv.id 来操作。
• class属性: 需要通过 oDiv.className 来操作。
• 其他属性: 使用 setAttribute() 和 getAttribute() 方法处理。

这样操作既符合W3C标准，又能确保跨浏览器的兼容性。