如何從元素獲取屬性？

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