js attr的用法
时间: 2023-11-26 17:04:56 浏览: 28
JS中的attr()方法用于获取或设置指定属性的值。它的语法是attr(name)或attr(name, value),name为属性名,value为属性值。如果只有一个参数,则会返回指定属性的值,如果有两个参数,则会设置指定属性的值。例如:
获取属性值: var val = $("#element").attr("name");
设置属性值: $("#element").attr("name", "value");
相关问题
gsap的attr的用法
GSAP的attr()方法可以用于控制HTML元素的属性。它可以用于设置或获取HTML元素的属性值,例如src、width、height等。以下是attr()方法的语法:
```
.attr(propertyName, value)
```
其中,propertyName是要修改的属性名称,value是要设置的属性值。
例如,如果要设置一个图片元素的src属性,可以使用以下代码:
```javascript
gsap.to("img", {attr: {src: "new_image.jpg"}});
```
这将使用GSAP动画库将图片元素的src属性设置为“new_image.jpg”。
另外,如果要获取元素的属性值,可以使用以下代码:
```javascript
var width = gsap.getProperty("img", "attr:width");
```
这将返回图片元素的宽度属性值。
js中attr和prop有什么区别
在 JavaScript 中,attr 和 prop 都是用于操作 HTML 元素属性的方法,但它们有区别:
1. attr 操作的是元素的属性,而 prop 操作的是元素的属性和属性值。
2. attr 可以获取元素的自定义属性值,而 prop 只能获取元素的标准属性值。
3. 在 HTML 5 中,一些属性名和属性值是一样的,例如 checked、disabled,这时候使用 prop 可以获取正确的属性值,而 attr 不能。
4. 在设置元素属性值时,使用 prop 可以提高性能,因为它直接操作 DOM 元素,而不需要解析 HTML 字符串。
总之,如果要获取元素的标准属性值,或者设置属性值时需要提高性能,建议使用 prop。如果需要获取自定义属性值,或者设置非标准属性值,可以使用 attr。