Javascript obtener el valor de texto del botón personalizado

Question

que tiene un botón que se define como sigue:

<button type="button" id="ext-gen26" class=" x-btn-text">button text here</button> 

y estoy tratando de agarrarlo con base en el valor de texto, sin embargo, ninguno de sus atributos contienen el valor de texto . Se genera de una manera bastante personalizada por su aspecto.

¿Alguien sabe de una manera de encontrar este valor programáticamente, además de simplemente ir a través del texto html? ¿Aparte de los atributos?

Olvidé otra cosa, la identificación para este botón cambia regularmente, y usar jquery para agarrarlo resulta en romper la página por alguna razón. Si necesita información sobre por qué necesito esto, hágamelo saber.

Este es el código JavaScript que estoy tratando de agarrar con:

var all = document.getElementsByTagName('*'); 
for (var i=0, max=all.length; i < max; i++) 
{ 
var elem = all[i]; 
if(elem.getAttribute("id") == 'ext-gen26'){ 
    if(elem.attributes != null){ 
     for (var x = 0; x < elem.attributes.length; x++) { 
      var attrib = elem.attributes[x]; 
      alert(attrib.name + " = " + attrib.value); 
     } 
    } 
} 
}; 

Sólo regresa con los tres atributos que se definen en el código.

innerHTML, texto y contenido de texto regresan como nulos.

Answer 1

Si usted está tratando de localizar el botón enteramente por su contenido de texto, me gustaría tomar una lista de todos los botones y recorrerlos para encontrar este:

function findButtonbyTextContent(text) { 
    var buttons = document.querySelectorAll('button'); 
    for (var i=0, l=buttons.length; i<l; i++) { 
    if (buttons[i].firstChild.nodeValue == text) 
     return buttons[i]; 
    } 
} 

Por supuesto, si el contenido de este botón cambia un poco, será necesario actualizar su código.

Answer 2

Puede hacerlo a través de las propiedades textContent/innerText (depende del navegador). He aquí un ejemplo que funcionará sin importar el establecimiento utiliza el navegador:

var elem = document.getElementById('ext-gen26'); 
var txt = elem.textContent || elem.innerText; 
alert(txt); 

http://jsfiddle.net/ThiefMaster/EcMRT/

También podría hacerlo utilizando jQuery:

alert($('#ext-gen26').text());