                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

这段代码有问题吗？为什么在浏览器中无法输出?

这段代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>节点属性</title>
    <script type="text/javascript">
        var mychar = document.getElementsByTagName("p");
        var val;
        for (var i = 0; i < mychar.length; i++) {
            val = mychar[i].nodeName;
            document.write("p标签的节点名称是：" + val + "<br />");
        }
    </script>
</head>
<body>
    <p id="p1">I love JavaScript!</p>
</body>
</html>

为什么浏览器只显示p段落的内容，JS里面需要输出的内容怎么不显示？

爱慕课啊

2016-11-04

源自：JavaScript进阶篇 9-7

关注问题我要回答

1033

操作

收起

3 回答

老友丶
2016-11-04

交换一下代码顺序：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p id="p1">I love JavaScript!</p>

var mychar = document.getElementsByTagName("p");

var val;

for (var i = 0; i < mychar.length; i++) {

val = mychar[i].nodeName;

document.write("p标签的节点名称是：" + val + "<br />");

}

</script>

</body>

</html>

你一开始那样，js运行得时候还没有p标签（后面加载），所以把JS放在后面就可以了。

1 回复有任何疑惑可以回复我~

收起回答

爱慕课啊提问者

哦，想了好久，原来是这样呢。谢谢！

2016-11-04 回复有任何疑惑可以回复我~

慕村1994845
2016-12-07

除了调用事件，其他都要注意JS代码所处的位置问题

0 回复有任何疑惑可以回复我~

收起回答

colg
2016-11-04

把 js 代码放在 p 标签下面，

或者写个方法把js代码包裹起来

	<script type="text/javascript">
		window.onload = function() {
			var mychar = document.getElementsByTagName("p");
			var val;
			for (var i = 0; i < mychar.length; i++) {
				val = mychar[i].nodeName;
				document.write("p标签的节点名称是：" + val + "<br />");
			}
		}
	</script>

0 回复有任何疑惑可以回复我~

收起回答

爱慕课啊提问者

嗯嗯，谢谢！

2016-11-04 回复有任何疑惑可以回复我~