如何使用JavaScript读取HTML标记的属性?

use*_*510 1 html javascript jquery dom

我有一个<span>用JavaScript阅读的元素.元素如下所示:

<span key="789">
  <input id="ctl00_cphBody_gvContact_ctl09_cbox" type="checkbox" name="ctl00$cphBody$gvContact$ctl09$cbox">
</span>
Run Code Online (Sandbox Code Playgroud)

我需要获取"key"属性的值.如果我尝试获取HTML元素的内部HTML,它将返回内部复选框的HTML.

Jos*_*ian 7

使用jQuery:

$('span').attr('key').
Run Code Online (Sandbox Code Playgroud)

使用纯JavaScript

document.getElementsByTagName('span')[0].getAttribute('key')
Run Code Online (Sandbox Code Playgroud)

  • 除此之外,我想说你应该把密钥存储为`data-key ='789'.这是新的HTML5规范,并且不会立即开始使用它.在较新版本的jQuery中,您可以使用`$('span').data('key')`来访问它 (5认同)