第二瓶酱油
虽然问题貌似挺简单,但是一到面试记不清楚这么回事,就很尴尬.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery.min.js"></script> </head> <body> <ul id="ul-test"> </ul> </body> <script> /*最传统的方式添加元素,每添加一次就执行一次dOM操作*/ var oul = document.getElementById("ul-test"); for(var i = 0; i < 10; i++) { var oli = document.createElement("li"); oli.innerHTML = i; oul.appendChild(oli); } /*如果想减少对dom的操作,可以使用innerHTML*/ var str = " "; for(var i = 9; i < 20; i++) { str += "<li>" + i + "</li>"; } oli.innerHTML = str; /*jquery添加元素*/ $(function() { $("#ul-test").append("<p>我是一个段落</p>"); }) </script> </html>
如下图: