getAttribute()提示Cannot set property 'id' of undefined

Question

本人不擅长JS，奈何公司没有前端。遇到问题如题所述，令我迷惑不解的是，同样的代码在IF判断外能获取正确属性值，放到IF判断内就报错。
代码如下：

var tempHtml = document.getElementById("templet").querySelectorAll(".itemsp");
var formJson = new Array();
tempHtml.forEach(function (val,key){
    var inputs = val.getElementsByTagName("input");
 for(var i=0;i<inputs.length;i++){
        //console.log(key+":"+inputs[i].getAttribute("type"));
 console.log(val.firstChild.parentElement.getAttribute("id"));
 if(i == 0){
            formJson[key].id = val.firstChild.parentElement.getAttribute("id");
 formJson[key].name = inputs[i].getAttribute("name");
 formJson[key].title = inputs[i].value;
 }else{
            formJson[key].options = {"id":i,"type":inputs[i].getAttribute("data-type"),"name":inputs[i].getAttribute("name"),"title":inputs[i].getAttribute("value")};
 }
    }
    formJson = formJson.toString();
 console.log(formJson);
})

在IF上面的代码获取到了正确的元素属性，IF内同样代码就报错了。

Answer 1

根据错误，报的是set property，并不是get property，所以可以确认是在formJson[key].id这里的fromJson[key]为undefined，可以先给fromJson[key]赋值

fromJson[key] = {};
fromJson[key].id = ...

当然也可以直接这样

fromJson[key]={
    id: val.firstChild.parentElement.getAttribute("id"),
    name: inputs[i].getAttribute("name"),
    title: inputs[i].value
}

具体不太清楚你的业务逻辑，只是根据你的错误，给出的解决方案，具体你需要根据你的需求去看，另外建议贴代码的时候，格式化一下