js 原生设置属性和获取属性
时间: 2024-02-03 21:04:40 浏览: 22
设置属性可以使用 `object.property = value` 或者 `object['property'] = value`,其中 `object` 是对象名,`property` 是属性名,`value` 是属性值。
例如:
```javascript
let person = {};
person.name = 'Tom'; // 设置属性
person['age'] = 20; // 设置属性
console.log(person.name); // 获取属性值,输出:Tom
console.log(person['age']); // 获取属性值,输出:20
```
获取属性值可以使用 `object.property` 或者 `object['property']`,同样是根据属性名来获取属性值。
例如:
```javascript
let person = {name: 'Tom', age: 20};
let name = person.name; // 获取属性值
let age = person['age']; // 获取属性值
console.log(name); // 输出:Tom
console.log(age); // 输出:20
```
相关问题
js原生获取DOM节点的属性和设置属性
获取DOM节点的属性可以使用`getAttribute()`方法,例如:
```javascript
var element = document.getElementById("myElement");
var value = element.getAttribute("data-value"); // 获取data-value属性的值
```
设置DOM节点的属性可以使用`setAttribute()`方法,例如:
```javascript
var element = document.getElementById("myElement");
element.setAttribute("data-value", "123"); // 设置data-value属性的值为123
```
原生js获取自定义属性e.data
原生JS获取自定义属性`e.data`的方法如下:
1. 首先,我们需要获取到事件对象`e`,通常是在监听事件的回调函数中获取到。
2. 获取`e`对象的自定义属性`data`,可以通过`e`对象的`getAttribute()`方法来获取。例如:
```javascript
var data = e.getAttribute('data');
```
如果`e`是一个DOM元素的事件对象,可以改为:
```javascript
var data = e.target.getAttribute('data');
```
3. 其他方法可以使用`dataset`属性来获取自定义属性值。例如:
```javascript
var data = e.dataset.data;
```
这种方法适用于HTML5中的`data-*`属性。
4. 如果自定义属性`data`是在HTML标签的`data-*`属性中定义的,则可以直接通过`e`对象的`dataset`属性来获取。例如,如果自定义属性是`data-data`,则可以使用`e.dataset.data`来获取。
总之,原生JS获取自定义属性`e.data`的方法有多种,可以根据具体情况选择合适的方法来获取。