从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属性值一个样式对象，并且在这里不相关。你只是想访问输入元素的value成员：

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

但是，我们实在没有必要使用name属性，除非在特殊情况下，如单选按钮组。你最好使用ID和getElementById。那么你不必担心拿第一件物品。