從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。那麼你不必擔心拿第一件物品。