Javascript получить элемент в LI тег

Question

я получил li, который выглядит как:

<li temp="true">HELLO</li> 

Как бы я получить «Темп», так что я могу манипулировать «HELLO» в JS ... Я знаю, как по идентификатору или даже имя класса

Answer 1

В поддержку браузеров (то есть, ничего, кроме древнего IE):

var li = document.querySelector("li[temp=true]"); 

Если поддержка старше IE необходимо попробовать:

var li = document.querySelector ? document.querySelector("li[temp=true]") 
    : (function() { 
     var lis = document.getElementsByTagName('li'), l = lis.length, i; 
     for(i=0; i<l; i++) { 
      if(lis[i].getAttribute("temp") == "true") return lis[i]; 
     } 
     return false; 
    })(); 

Answer 2

В JQuery, вы можете использовать селектор атрибута:

$('li[temp="true"]'); 

В качестве альтернативы, вы можете использовать метод document.querySelectorAll() для нативного раствора JS. Вы должны быть осведомлены о последствиях кросс-браузерных этого, однако:

var ele = document.querySelectorAll('li[temp="true"]'); 

Вы можете увидеть jsFiddle Demo из вышеперечисленного.

Как и в сторону, вы должны использовать data- атрибуты для хранения пользовательских атрибутов с HTML-элементов, например, правильный синтаксис должен быть:

<li data-temp="true">HELLO</li> 

Answer 3

перебрать все ли.

var li = document.getElementsByTagName("li"); 
var found; 
for(var i=0; i< li.length;i++){ 

    if(li[i].getAttribute("temp") == "true"){ 
     found = li[i]; break; 
    } 
} 

console.log(found); 

ИЛИ Вы можете использовать собственный запрос

var found= document.querySelectorAll('li[temp="true"]'); 

JSFiddle