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

我用JavaScript阅读了一个

元素。该元素类似于以下元素：

<span key="789">
  <input id="ctl00_cphBody_gvContact_ctl09_cbox" type="checkbox" name="ctl00$cphBody$gvContact$ctl09$cbox">
</span>

我需要获取“key”属性的值。如果我尝试获取HTML元素的内部HTML，它将返回内部复选框的HTML。

使用jQuery：

$('span').attr('key').

使用纯javascript

document.getElementsByTagName('span')[0].getAttribute('key')

使用jQuery：

$('span').attr('key').

使用纯javascript

document.getElementsByTagName('span')[0].getAttribute('key')

---

JQuery使它变得非常简单。见

您可能希望为该范围分配一个id或类，以便可以具体选择它：

<span id="idOfSpan" key="blah">...</span>

var spanKey = $('#idOfSpan').attr('key')

。。。
var spanKey=$（'#idOfSpan'）.attr（'key'））

JQuery让它变得非常简单。见

您可能希望为该范围分配一个id或类，以便可以具体选择它：

<span id="idOfSpan" key="blah">...</span>

var spanKey = $('#idOfSpan').attr('key')

。。。
var spanKey=$（'#idOfSpan'）.attr（'key'））

@David Wolever-尽管看起来很傻，但我认为它不太本地化。OP不知道如何访问自定义DOM属性。奇怪的数字和示例HTML是不相关的，依我看，你是对的——一般的问题很好（我链接到的谷歌搜索显示的无数类似问题证明了这一点）。然而，在我看来，这个问题的具体措辞（“如何阅读span中的键”）使它太本地化了。@大卫，如果你有这个观点，为什么不简单地编辑这个问题并使其正确。两个原因：这会使它完全重复（因此我必须关闭“完全重复”），而且对你没有帮助，OP，了解堆栈溢出试图鼓励的问题类型。请注意，关闭问题本身并没有什么“错误”-这只是表明当前形式的问题不适合堆栈溢出（与否决票相反，否决票意味着“这是一个低质量的问题”）@David Wolever——尽管看起来很傻，但我认为它不太本地化。OP不知道如何访问自定义DOM属性。奇怪的数字和示例HTML是不相关的，依我看，你是对的——一般的问题很好（我链接到的谷歌搜索显示的无数类似问题证明了这一点）。然而，在我看来，这个问题的具体措辞（“如何阅读span中的键”）使它太本地化了。@大卫，如果你有这个观点，为什么不简单地编辑这个问题并使其正确。两个原因：这会使它完全重复（因此我必须关闭“完全重复”），而且对你没有帮助，OP，了解Stack Overflow试图鼓励的问题类型。请注意，关闭问题本身并没有什么“错误”——这只是表明当前形式的问题不适合Stack Overflow（与否决票相反，否决票意味着“这是一个低质量的问题”）。除此之外，我想说的是，您确实应该将密钥存储为

data key='789'

。这是新的HTML5规范，立即开始使用它并没有坏处。在较新版本的jQuery中，您可以使用

$（'span'）访问此文件。数据（'key'）

我不知道哦，谢谢你！除此之外，我想说的是，您应该将密钥存储为

data key='789'

。这是新的HTML5规范，立即开始使用它并没有坏处。在较新版本的jQuery中，您可以使用

$（'span'）访问此文件。数据（'key'）

我不知道哦，谢谢你！