ybdt1201
2016-06-07 02:28
采纳率: 100%
浏览 2.0k
已采纳

求教大神,chorme谷歌浏览器debug的问题?

html代码为:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script src="common/js/bootstrap.js"></script>
    <script src="test-jq.js"></script>
    <title>js/jq测试</title>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
       value="How many input elements?" />
</body>
</html>

test-jq.js代码为:

/**
 * Created by Administrator on 2016/6/7.
 */
var x=document.getElementsByTagName("input");
console.info(x);

当不使用断点,页面运行后,console.info(x)打印出来是正常的:
图片说明

当使用断点查询的时候,在console.info(x)处断点:
图片说明
然后点击图片说明,一步步点击完毕后,打印出来的却是undefined,如图:
图片说明

但是如果还是在原来的console.info处断点,然后点击图片说明一次完成运行,结果也是正常的,如图:图片说明

求教大神,这是为什么,只是断点调试了下,又没有改变代码,为什么console.info打印出来的东西却不一样??

1条回答 默认 最新

相关推荐 更多相似问题