第二瓶酱油
虽然问题貌似挺简单,但是一到面试记不清楚这么回事,就很尴尬.
<!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>
如下图: