javascript - 可以在另一个标签中使用一个标签的属性吗？

Question

我想知道在另一个没有这个属性的标签中使用一个标签的属性是否有问题。

例如:在<video>我们有属性 src .如果我把 <p src="...">会有什么问题吗？我知道这是错误的，但这只是一个问题!

我问这个是因为我可以使用 javascript 捕获 P 中的 src 属性。示例:

var tag = document.getElementsByTagName("p") 
for (var i = 0; i < tag.length; i++) {
    alert(tag.item(i).getAttribute("src"))
}

<p src="...">Hello!</p>

我想知道这样会不会有什么限制，或者会不会有不兼容的情况。

谢谢。

Answer 1

为此，您可以使用带有 data- 前缀的属性。

Custom data attributes are intended to store custom data, state, annotations, and similar, private to the page or application, for which there are no more appropriate attributes or elements.

来源:https://html.spec.whatwg.org/#custom-data-attribute

因此，在您的情况下可能是这样的:

var tag = document.getElementsByTagName("p") 
for (var i = 0; i < tag.length; i++) {
    alert(tag.item(i).getAttribute("data-src"))
}

<p data-src="...">Hello!</p>

如果不这样做，您将来可能会遇到兼容性问题。