getElementsByTagName而不是getElementByTagName 

 1 <!DOCTYPE html>
 2 <html>
 3 <body>
 4 
 5 <h1 id="header">Old Header</h1>
 6 
 7 <script>
 8 var element=document.getElementsByTagName("h1");
 9 element[0].innerHTML="New Header";
10 </script>
11 
12 <p>"Old Header" 已被修改为 "New Header"。</p>
13 
14 </body>
15 </html>
 1 <!DOCTYPE html>
 2 <html>
 3 <body>
 4 
 5 <h1 id="header">Old Header</h1>
 6 
 7 <script>
 8 var element=document.getElementById("header");
 9 element.innerHTML="New Header";
10 </script>
11 
12 <p>"Old Header" 已被修改为 "New Header"。</p>
13 
14 </body>
15 </html>

以上两段HTML均能显示出：

而接下来的代码：

 1 <!DOCTYPE html>
 2 <html>
 3 <body>
 4 
 5 <h1 id="header">Old Header</h1>
 6 
 7 <script>
 8 var element=document.getElementByTagName("h1");
 9 element.innerHTML="New Header";
10 </script>
11 
12 <p>"Old Header" 已被修改为 "New Header"。</p>
13 
14 </body>
15 </html>

只能显示如下(head未能改变)

 

posted @ 2015-09-28 17:02  tianjiu2135  阅读(237)  评论(0)    收藏  举报