为什么输出不了H1的文字内容？

wu201314 · 发表于 2014-4-17 16:15:53

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<script type="text/javascript">
 window.onload = function(){
	 var che = document.getElementById('ches');
	 var che_h1 = che.getElementsByTagName('h1');
	 alert(che_h1.childnodes.nodeValue);
	 }
</script>
</head>

<body>
<div id="ches" style="font-family:'微软雅黑'; color:#ff6600; font-size:24px;">
<h1 title="aabbcc">Hold the front page</h1>
    <p>This first paragraph leads you in.</p>
    <p>Now you get the nitty-gritty of the story.</p>
    <p>The most important information is delivered first.</p>
    <p>Further developments are unfolding.</p>
    <p>You can read all about it here.</p>
    <h1>Hold the front page front page</h1>
    <p>Now you get the nitty-gritty of the story.</p>
    <p>The most important information is delivered first.</p>
    <p>Further developments are unfolding.</p>
    <p>You can read all about it here.</p>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

window.onload = function(){
var che = document.getElementById('ches');
var che_h1 = che.getElementsByTagName('h1');
alert(che_h1.childnodes.nodeValue);
}

复制代码

chocho · 发表于 2014-4-17 16:40:32

che_h1 = che.getElementsByTagName('h1');获取的是数组
che_h1 = che.getElementsByTagName('h1')[0];是第一个h1元素

WellFrog · 发表于 2014-4-17 16:41:52

window.onload = function(){
var che = document.getElementById('ches');
var che_h1 = che.getElementsByTagName('h1')[0];
alert(che_h1.childNodes[0].nodeValue);
}

复制代码

chocho · 发表于 2014-4-17 16:43:25

che_h1.childnodes这样也是获取的数组

<script type="text/javascript">
window.onload = function(){
   var che = document.getElementById('ches');
   var che_h1 = che.getElementsByTagName('h1')[0];
   alert(che_h1.firstChild.nodeValue);
   }
</script>

chocho · 发表于 2014-4-17 16:45:24

也可以这样
<script type="text/javascript">
window.onload = function(){
   var che = document.getElementById('ches');
   var che_h1 = che.getElementsByTagName('h1')[0];
   alert(che_h1.childNodes[0].nodeValue);
   }
</script>
你的childNodes写错了 N要大写

帐号		自动登录	找回密码
密码			注册

[求助] 为什么输出不了H1的文字内容？