js的自定义属性的使用

DOM的方法 颜鸿

我们学习到的都是系统给的传统的属性,现在学习到了一个新的自定义属性,可以自定义的属性

自定义属性有三个方法,分别是:

查询属性的方法:getAttribute()

只有一个参数:属性名,必须的

修改属性值的方法:setAttribute()

有两个参数:属性名和属性值   都是必须的

最后一个是移除属性:removeAttitude()

只有一个参数:属性名,必须的

接下来是把上面的方法进行演示

第一个是就是使用修改属性的方法来进行添加一个自定义的属性

一、修改属性值和添加属性

首先我们先创建一个标签用来展示添加的属性名,创建一个a标签

和一个按钮来进行事件的添加

1-1.PNG

然后获得到a的标签节点进行调用后面的修改属性的方法

2.PNG

接下来开始就是创建一个函数和修改的方法进行添加一个属性

使用获取到a标签节点对象的变量进行调用修改的方法把自己定义的属性添加进去

3.PNG

还有修改的话也是使用这个方法,修改属性的就是找到你要修改的属性进行修改属性值,就可以进行修改了

我下面的就是进行修改的,首先使用getElementById方法来获取到文本框的id,然后把获取到的文本框的节点

赋给定义的变量,然后再创建一个input新的变量,来调用获取到文本框节点的变量使用.value来获取到文本框输入数然后赋给这个input这样就可以得到文本里面的数了,然后再使用setAttribute方法进行修改

4.PNG

二、 查询属性的方法

使用getAttribute方法来进行查询

首先也是创建一个函数,然后直接使用alert警告框直接调用getAttribute方法

5.PNG

三、移除属性的方法

使用removeAttribute来移除属性,以为只有一个属性,所有就很好的理解怎么去移除属性

首先呢也是创建创建一个函数,然后也是直接调用方法来进行移除属性

7.PNG

以上呢,就是自定义属性的三种方法的使用

还能输出{{restrictNumber}}个字符  
  • {{reply.author}}

    {{CommonUtil.formateDate(reply.ac_CommentDate).shortTime}}
  • 回复了{{Comments.author}} :