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打印出来的东西却不一样??