ybdt1201
ybdt1201
2016-06-07 02:28
采纳率: 85.1%
浏览 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条回答 默认 最新

  • showbo
    已采纳

    test-jq.js代码就那2行?如果是应该都是空。。因为都没有生成dom,你代码在dom上面

    点赞 评论

相关推荐