js问题，代码如下，为什么运行后的时候，for只循环一次啊……大侠

<htmllang="zh"><head><scripttype="text/javascript">functionbb(){varx=document.getElem... <html lang="zh"><head>
<script type="text/javascript">
function bb(){
var x=document.getElementsByTagName('p');
for (var i = 0; i < x.length; i++) {
document.write(x[i].firstChild.nodeValue);
};
}
</script>
<style type="text/css">
p{
font-size: 30px;
background-color: #DDD;
width: 1000px;
}
</style>
</head>
<body>
<button onclick="bb()">click</button>
<p id="txt1">Hello world....This is a text area1>></p>
<p id="txt1">Hello world....This is a text area2>></p>
<p id="txt1">Hello world....This is a text area3>></p>
</body>
</html> 展开

 我来答

2个回答

#热议# 在购买新能源车时，要注意哪些？

yujianshenbing
2012-08-22 · TA获得超过281个赞

知道答主

回答量：89

采纳率：0%

帮助的人：144万

我也去答题访问个人页

关注

展开全部

如yanzilisan183所说，第一次输出后页面中的p标签就被文本覆盖了，稍作修改即可：

<html lang="zh">
<head>
<script type="text/javascript">
function bb() {
var x = document.getElementsByTagName('p');

// 把内容缓存起来 --------------------

var length = x.length, content = '';
for(var i = 0; i < length; i++) {
content += x[i].firstChild.nodeValue;
};

document.write(content);

// --------------------
}
</script>
<style type="text/css">
p {
font-size: 30px;
background-color: #DDD;
width: 1000px;
}
</style>
</head>
<body>
<button onclick="bb()">
click
</button>
<p id="txt1">
Hello world....This is a text area1>>
</p>
<p id="txt1">
Hello world....This is a text area2>>
</p>
<p id="txt1">
Hello world....This is a text area3>>
</p>
</body>
</html>

本回答由提问者推荐

已赞过 已踩过<

评论收起

缓步莫迟疑C
2012-08-22 · TA获得超过1.1万个赞

知道大有可为答主

回答量：6217

采纳率：73%

帮助的人：6524万

我也去答题访问个人页

关注

展开全部

你不应该用document.write,因为一但调用这个方法,文档就被重置了,之后就再取不到P元素了.
换用alert输出,或是其它对象的innerHTML属性就能看到正确的输出了.

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

js问题，代码如下，为什么运行后的时候，for只循环一次啊……大侠

其他类似问题

为你推荐：