js动态追加html内容,Js动态添加的html内容怎样用css渲染

开发todolist

用JS动态添加的任务列表无法用css渲染……

不知道为什么求大神……

呜呜呜，最后那个css里的label和input本应得到渲染呀…… 但是打开预览时却还是没有变化

html部分

Your Lists

js部分

var addtask = document.createElement("label");

addtask.innerHTML = issues +"   form  "+ begins +"   to  "+ deadline;

var taskbox = document.getElementById("list");

taskbox.appendChild(addtask);//添加任务

var taskcheck = document.createElement("input");

taskcheck.type = "checkbox";

taskbox.appendChild(taskcheck);//勾选栏

其中内容什么的是在前方有用户输入的部分获取的

css部分

.list label{

color:black;

font-family: Open Sans Condensed;

font-size: 16px;

}

.list input [type="checkbox"]{

margin-left: unset;

}