获取元素属性和样式值
要获取元素的属性和样式值，可以使用 JavaScript 中的 DOM 方法。可以使用 document.getElementById() 方法获取特定 ID 的元素，或者使用 document.querySelector() 方法获取任意选择器匹配的元素。
以下是获取元素属性和样式值的示例代码：
// 获取元素
const element = document.getElementById('my-id');
// 获取元素属性值
const attributeValue = element.getAttribute('data-my-attribute');
// 获取元素样式值
const styleValue = window.getComputedStyle(element).getPropertyValue('color');修改元素属性和样式值
要修改元素的属性和样式值，可以使用 JavaScript 中的 DOM 方法。可以使用 element.setAttribute() 方法设置元素属性，或者使用 element.style 对象设置元素样式。
以下是修改元素属性和样式值的示例代码：
// 修改元素属性值
element.setAttribute('data-my-attribute', 'new-value');
// 修改元素样式值
element.style.color = 'red';在实际应用中，可以结合事件处理程序和条件语句等控制结构来动态地修改元素属性和样式值。