如何從對象#nodelist中提取值

Question

我有一個要編寫的JavaScript，用於與對象列表進行比較。 但是首先我需要從下面的HTML中提取值。

<div class="no_icon" style="width:100%;display:-moz-deck;">
   <input title="model1" onfocus="thtmlbSaveKeyboardFocus('product_type');" class="class1" 
   style="width:100%;" dir="ltr" name="product_type" id="product_type" maxlength="40" 
   onkeydown="if(htmlbEnterKey(event)==true){return 
   htmlbSL(this,2,'product_type:submitonenter','0')};" value="model1" disabled="disabled"></div>

當我嘗試從頁面中提取所需信息時，就會發生我的問題。 我已經嘗試了多個版本的“ document.getElement”命令（TagName，ID，Class），但是我似乎無法提取所需的信息。

當我嘗試查看是否可以訪問輸入時，收到了null或未定義的返回值。 但是當我做一個

var test=document.getElementsByTagName(product_type.class1");
console.log(test);

我得到了object＃節點列表的返回

在深入研究了節點列表之后，我發現“ product_type.class1”具有名為namedNodeMap的屬性。 但是我似乎無能為力，可以從HTML中提取value部分。

我需要的是一種獲取“ value =“字段的值的方法。

Answer 1

我認為您使用querySelector代替getElementsByTagName會獲得更大的成功：

var input = document.querySelector("[name='product_type']");
console.log(input.value);