javascript - 与 javascript/jquery 中的属性访问器相关的奇怪行为

Question

我在使用 Chrome 和 Safari 时遇到问题:

代码示例:

// Get all links with the same data-test attribute
links = $('[data-test]');

//The issue is here:
// This only works in Chrome, not in safari.
var test = links[0].testProperty;

// This works in Chrome and Safari.
var test2 = $(links[0]).attr('testProperty');

console.log(test)
console.log(test2)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" testProperty="valueTest1" data-test>Test1</a>
<a href="#" testProperty="valueTest2" data-test>Test2</a>
<a href="#" testProperty="valueTest3" data-test>Test3</a>

为什么 Safari 不允许 links[0].testProperty ？

Answer 1

这是你的答案https://stackoverflow.com/a/15011028/7041168

按照标准，您需要在任何自定义属性之前使用date-。

要改变问题，最好使用 Element.getAttribute("") 属性。