js如何获得button元素首个属性的名称

在js中,可以使用item方法和nodeName属性获得button元素首个属性的名称。下面小编举例讲解js如何获得button元素首个属性的名称。

506d92f1d8a726332306a854c02c56ee7a7f44d9.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80

东西/原料

  • 联想笔记本Air14
  • 操作系统Windows 10
  • zend studio10.0

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解js如何获得button元素首个属性的名称。

    46a92de039723d03e1685b31bb486143d6d457d9.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  2. 2

    在test.html文件中,利用button元素建立一个按钮,并给它添加两个属性,用于测试。

    e177fc9147e833e061f058b430ea3e86314859d9.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  3. 3

    在script标签内,经由过程getElementsByTagName方式获得button元素对象。

    32a127723d03bbea650455ffea43d7d4493154d9.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  4. 4

    在script标签内,利用attributes属性与item方式获得它的第一个属性名(nodeName)。

    49701aebf6a75f0fe1a9115997324b18502c4cd9.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  5. 5

    在script标签内,利用alert输出属性名。

    f7e6410f822b74ee79b02eafda2c8cf1d9a74ad9.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80
  6. 6

    在浏览器打开test.html文件,查看成果。

    75af02324b18512ce473bd10ad334884cce349d9.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80END
  • 发表于 2022-03-28 20:02
  • 阅读 ( 418 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论