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或undefined返回。但是当我做了

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

我收到了对象#nodelist

的返回

在深入研究节点列表后，我发现“product_type.class1”具有namedNodeMap属性。但我似乎没有做任何事情可以从HTML中提取值部分。

我需要的是获取“value =”字段值的方法。

Answer 1

我认为使用querySelector代替getElementsByTagName取得更大成功：

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

如何从对象#nodelist中提取值

1 个答案: