JavaScript:获取自定义按钮的文本值

Question

我有一个定义如下的按钮:

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

我正在尝试根据文本值来获取它。但是，它的所有属性都不包含文本值。从外观上看，它是以一种非常自定义的方式生成的。

除了通过 HTML 文本之外，有谁知道以编程方式找到此值的方法吗？除了属性？

忘了另一件事，这个按钮的 ID 会定期更改，并且使用 jQuery 来抓取它会导致由于某种原因破坏页面。如果您需要了解我为什么需要这个的任何背景信息，请告诉我。

这是我试图获取它的 JavaScript:

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

它只返回代码中定义的三个属性。

innerHTML、text 和 textContent - 全部返回为 null。

Answer 1

您可以通过 textContent/innerText 属性(依赖于浏​​览器)来做到这一点。这是一个无论浏览器使用哪个属性都有效的示例:

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

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

您也可以使用 jQuery 来实现:

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