JS:input的class添加无效，span中字体的大小并未修改

Question

 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);

                    }

Answer 1

浏览器的开发者模式调试下样式是否被加在了input上了呢？样式调试看下是否有样式覆盖呢？