在Web开发中，`attr`和`prop`通常指的是HTML元素属性（Attribute）和DOM属性（Property）的修改。下面分别介绍如何修改它们：
修改属性（attr）
在JavaScript中，你可以使用`Element.getAttribute()`和`Element.setAttribute()`方法来获取和设置HTML元素的属性。
获取属性
```javascript
var attributeValue = element.getAttribute('attributeName');
```
设置属性
```javascript
element.setAttribute('attributeName', 'newValue');
```
修改DOM属性（prop）
DOM属性是HTML元素内建的属性，比如`id`、`class`、`href`等。在JavaScript中，你可以直接使用`.`语法或`Element[prop]`来获取和设置这些属性。
获取属性
```javascript
var propertyValue = element.id; // 或者 element['id']
```
设置属性
```javascript
element.id = 'newValue'; // 或者 element['id'] = 'newValue'
```
示例
假设你有一个HTML元素如下：
```html
```
以下是如何修改这个元素的属性：
修改`attr`
```javascript
// 获取属性
var attributeValue = document.getElementById('myDiv').getAttribute('data-attribute');
console.log(attributeValue); // 输出: 123
// 设置属性
document.getElementById('myDiv').setAttribute('data-attribute', '456');
```
修改`prop`
```javascript
// 获取属性
var propertyValue = document.getElementById('myDiv').id;
console.log(propertyValue); // 输出: myDiv
// 设置属性
document.getElementById('myDiv').id = 'newId';
```
请根据你的具体需求选择合适的方法来修改属性或DOM属性。
