for (var i = 0; i <= data.length; i++) {
var form = document.getElementById("main");
var li = document.createElement('li');
li.className = "collection-item avatar no-padding";
var img = document.createElement('img');
img.className = "listfoodoicon";
img.src= "resource/"+ data[i].name +".jpg"
img.alt ="";
var div2 = document.createElement('div');
div2.className = "row";
div2.style = "margin: 30px 0px";
var div3 = document.createElement('div');
div3.className = "col s3 offset-s4";
div3.style = "padding-top: 10px";
var span = document.createElement('span');
span.className = "title";
span.innerText = data[i].name;
span.style = "font-size: 24px";
var p = document.createElement('p');
var div4 = document.createElement('div');
div4.className = "money";
div4.innerText = "￥："+data[i].ave_price;
div4.id = "money"+i;
var div5 = document.createElement('div');
div5.className = "input-field col s3 offset-s1 input";
div5.style = "margin-top: 20px";
var input1 = document.createElement('input');
// input1.id = "sdf" + i;
input1.className = "sdf zxxl";
input1.type = "text";
var label = document.createElement('label');
// label.for = "sdf" + i;
label.className = "zxxl";
label.innerText = "选择重量"
form.appendChild(li);
li.appendChild(img);
li.appendChild(div2);
div2.appendChild(div3);
div3.appendChild(span);
div3.appendChild(p);
p.appendChild(div4);
div5.appendChild(input1);
div5.appendChild(label);
div2.appendChild(div5);
}
浏览器的开发者模式调试下样式是否被加在了input上了呢？样式调试看下是否有样式覆盖呢？