새로 고침 설명 없음

5215 단어
 1 <head>
 2     <title></title>
 3     <style>
 4         #dv
 5         {
 6             border: 1px solid red;
 7             width: 200px;
 8         }
 9     </style>
10     <script>
11         onload = function () {
12             btn.onclick = function () {
13                 //  p  
14                 var p = document.createElement("p");
15                 // p    div 
16                 //dv.appendChild(p);
17                 //dv.insertBefore(p, null);
18           //  div    p  ,         ,        p    , p[0]    。
19                 if (dv.getElementsByTagName("p").length) {
20                     var pArr = dv.getElementsByTagName("p")
21                     dv.insertBefore(p, pArr[0])
22                 }
23                 else {
24                     dv.insertBefore(p, null);
25                 }
26                 // txt      p     innerHTML   HTML  ,     HTML    createTextNode
27                 p.innerHTML = txt.value;
28 
29             }
30         }
31     </script>
32 </head>
33 <body>
34     <textarea id="txt"></textarea><br />
35     <br />
36     <input type="button" value="    " id="btn"></input>
37     <div id="dv">
38     </div>
39 </body>
40   

좋은 웹페이지 즐겨찾기