使用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>