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

Question

我正在使用JavaScript阅读<span>元素。元素如下所示：

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

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

Answer 1

使用jQuery：

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

使用纯javascript

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

Answer 2

JQuery让它变得非常简单。请参阅.attr method

您可能希望为该范围分配ID或类，以便您可以专门选择它：

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

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