使用js为html元素动态添加class

<ul id="root">
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>
<script>
var par = document.getElementById("root");
var lis = par.getElementsByTagName("li");
for(var i= 0; i < lis.length; i++){
    lis[i].className = "class" + (i+1);
}
</script>