如何使用 JavaScript 访问自定义 XHTML 属性？答案

【问题标题】：How do you access a custom XHTML attribute with JavaScript?如何使用 JavaScript 访问自定义 XHTML 属性？
【发布时间】：2009-03-26 08:58:36
【问题描述】：

我有以下 XHTML：

<span id="myid" cus:att="myvalue" xmlns:cus="http://mycompany.com/customnamespace">
</span>

是否可以使用 javascript 访问自定义属性？我有代表跨度的元素。做myElement.att不行，不知道怎么指定命名空间？

【问题讨论】：

您需要指定页面是作为 text/html 还是 application/xhtml+xml 提供，因为答案会有所不同。
@Alohci，我仍然有兴趣看到这两个答案。
在 text/html 中，命名空间是一种错觉，而您所拥有的是一个名称中带有冒号的属性。 Annakata的回答有效。在 application/xhtml+xml 中，命名空间是真实的。我还没有测试过，但我希望您需要 getAttributeNS() 才能访问该属性。
@Alochi，谢谢，这很有意义。把它写成答案，它就会得到投票。

【解决方案1】：

通常来说，您可以直接访问它，即element.attribute，但命名空间会使这稍微复杂化：

element.getAttribute("namespace:attribute") //the nuclear x-browser option

所以要非常清楚，这将是这样的：

document.getElementById('myid').getAttribute('cus:att')

【讨论】：

【解决方案2】：

getAttribute 方法有一个特殊版本，专门用于访问命名空间属性：getAttributeNS。使用您的示例 XHTML，以下 JavaScript 代码：

document.getElementById("myid").getAttributeNS("http://mycompany.com/customnamespace", "att");

...将返回“myvalue”。

您可以阅读有关getAttributeNS 方法here 的更多信息。

史蒂夫

【讨论】：