从NodeList中提取属性值

Extract Property value from NodeList

本文关键字:属性 提取 NodeList      更新时间:2023-09-26

在javascript函数内部,Im正在访问一个值为"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"。

感谢

item是一个方法,所以您可以用一个参数来调用它:

txt.item(0)

或者你可以作为访问它

txt[0]

getPropertyValue用于从样式对象获取CSS属性值,与此处无关。您只想访问输入元素的value成员:

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

但是,实际上不需要使用名称属性,除非在特殊情况下,例如对单选按钮进行分组。您最好使用ID和getElementById。那你就不用担心拿第一件了。