从NodeList中提取属性值

Question

在javascript函数中我访问一个值为'c29TMlzE4vmFlJHieICpso_u04oa'的文本框。下面是我正在使用的javascript函数。

 function test(){
        var txt = document.getElementsByName("consumerKey");
        alert(txt.item[0].getPropertyValue);
    }

警报显示为“未定义”。在控制台中我得到的是txt的NodeList值。

NodeList[input#consumerKey property value ="c29TMlzE4vmFlJHieICpso_u04oa"  attribute value = "null"]

如何从节点列表中提取'c29TMlzE4vmFlJHieICpso_u04oa'。

由于

Answer 1

item是一种方法，因此您可以使用参数调用它：

txt.item(0)

或者您可以将其作为

进行访问

txt[0]

getPropertyValue用于从样式对象获取CSS属性值，在此处不相关。您只想访问input元素的value成员：

txt.item(0).value
txt[0].value

但是，除了特殊情况（如组合单选按钮）外，实际上不需要使用名称属性。你最好使用ID和getElementById。然后你不必担心拿第一个项目。