本人不擅长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内同样代码就报错了。
根据错误,报的是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
}
具体不太清楚你的业务逻辑,只是根据你的错误,给出的解决方案,具体你需要根据你的需求去看,另外建议贴代码的时候,格式化一下