"push"는 함수가 아닙니다 [getElementsByTagName에 의해 반환 된 요소에]

Question

XMLHttpRequest를 사용하여 양식을 게시하는 자바 스크립트가 있습니다. XMLHttpRequest를 사용하면 정상적으로 작동하지만 양식에 SELECT 값을 추가하려고하면 INPUT 값 배열, Javascript가 마음을 잃어 버렸습니다 (또는 가지고있는 것 같습니다).

이 함수는 "name1 = value1 & name2 = value2"문자열을 작성하고 함께 전달합니다.

코드 :

내가 파이어 폭스에서 얻을 오류가

function sendTheForm() { 
    var postData = ''; 
    var inputArr = document.getElementsByTagName('input'); 
    if (inputArr.hasOwnProperty(length)) alert("ARRAY!!"); 
    var selects = document.getElementsByTagName('select'); 
    var tmpObj = new Object(); 

    for (var i = 0; i < selects.length; i++) { 
    tmpObj.name = selects[i].name; 
    tmpObj.value = selects[i].value; 
    inputArr.push(tmpObj); 
    } 

    for (var i = 0; i < inputArr.length; i++) { 
    if (inputArr[i].value) { 
     if (postData.length) postData += '&'; 
     postData += inputArr[i].name; 
     postData += '='; 
     postData += escape(inputArr[i].value); 
     } 
    } 

    makeHttpReq(postData) 
    } 

: "inputArr.push is not a function는"그것은 배열 말할 않습니다.

이제는 (함수가 아닌) 메서드라는 사실 외에도, 여기에 잘못되어있는 것 같아요. 내 코 바로 아래에 있고 볼 수 없습니다. 도움?

이전, 나는 일을 시도 :

len = inputArr.length; 
    inputArr[len].name = ... 

을 또한 inputArr [31] 정의되지 않은 것을 오류를 얻었다. 이것은 아마 분명하지만, 나는 그것을 보지 않을거야. 도움?

Answer 1

속성이 .length 인 것은 그것이 배열임을 의미하지 않습니다. getElementsByTagName()은 Array이 아닌 DOM 2 NodeList을 반환합니다.

Answer 2

inputArr 변수가 실제로 노드 목록이고 배열이 아니기 때문에 이것이 작동하지 않는 이유가 있습니다. 당신이 배열되고 싶은 경우

, 당신은 그것을 통해 루프를 거라고 진짜 배열에 모든 노드를 추가하거나이 작업을 수행 할 수 있습니다

var node_array = Array.prototype.slice.call(node_list); 

Answer 3

Phrogz 이미 확인, 말했듯 length 속성의 경우 NOT 배열을 확인하는 방법입니다.

한 가지 방법 만 있으므로 ALL 사례에서 사용할 수 있습니다.

그리고 Object.prototype.toString.call(object).slice(8, -1)을 사용하고 있습니다.

클래스 값을 제공합니다.

Value    Class  Type 
    ------------------------------------- 
    "foo"    String  string 
    new String("foo") String  object 
    1.2     Number  number 
    new Number(1.2)  Number  object 
    true    Boolean boolean 
    new Boolean(true) Boolean object 
    new Date()   Date  object 
    new Error()   Error  object 
    [1,2,3]    Array  object 
    new Array(1, 2, 3) Array  object 
    new Function("") Function function 
    /abc/g    RegExp  object (function in Nitro/V8) 
    new RegExp("meow") RegExp  object (function in Nitro/V8) 
    {}     Object  object 
    new Object()  Object  object