jQuery04---操作DOM对象

来源：互联网发布：金克斯cos淘宝编辑：程序博客网时间：2024/05/17 04:18

<!DOCTYPE html><html>  <head>    <title>MyHtml.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">    <script type="text/javascript" src="jquery-1.7.1.js"></script>    <!--<link rel="stylesheet" type="text/css" href="./styles.css">--><script type="text/javascript">  var addItems = function(){document.getElementById("div1").innerHTML = "";var value = parseInt(document.getElementById("itemsNumber").value);for (var i = 0; i < value; i++) {var input = document.createElement("input");input.setAttribute("type", "text");var br = document.createElement("br");document.getElementById("div1").appendChild(input);document.getElementById("div1").appendChild(br);}};</script>  </head>    <body>   <input type="text" id="itemsNumber">   <input type="button" id="btn" onclick="addItems()">   <div id="div1"></div>       </body></html>