如何从元素获取属性？

Question

我知道这4个属性getElementById，getElementsByClassName，getElementsByTagName和getElementsByName 但是Facebook有一个有趣的属性，称为ajaxify

<a role="button" class="_42ft _4jy0 _4jy3 _517h _51sy" href="#" ajaxify="/ajax/groups/mall/approve/?group_id=29702291481682&amp;message_ids=490372844781280" rel="async-post">

是的，我只想学习如何获取自定义属性

Answer 1

如果要基于属性获取特定元素，则可以使用querySelector()或querySelectorAll()和Attribute Selector。

const el = document.querySelector('[ajaxify]');
console.log(el.getAttribute('ajaxify'));

<div>
  <a role="button" class="_42ft _4jy0 _4jy3 _517h _51sy" href="#" ajaxify="/ajax/groups/mall/approve/?group_id=29702291481682&amp;message_ids=490372844781280" rel="async-post">dasdas</a> - 
  <a href="somewhere.com">somewhere.com</a>
</div>

第一行查找具有名为'ajaxify'的属性的第一个元素。

第二行获取该元素上'ajaxify'属性的值。

Answer 2

只需按类获取元素[n]，然后获取属性ajaxify

    var classes = document.getElementsByClassName('_42ft _4jy0 _4jy3 _517h _51sy');
    var class1 = classes[0]; //modify as you want
    class1.getAttribute("ajaxify");