如何从元素获取属性？

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

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

 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");