Question

js问题：外部调用js，改变html某些元素的样式，及addEventListener的用法。

<script type="text/javascript" src="js/index.js"></script>
<div class="ipt-wrap" id="user-wrap">
<i class="ico-user"></i>
<input id="username" class="ipt" type="text" placeholder="用户名"/>
</div>
哪里出错了，为什么js没有反应。
想实现点击"username"的id的input，然后它的父元素class="ipt-wrap"的div的border变色。
主要是用addEventListener的方式给元素绑定事件，并且获得父元素，改变父元素css样式。
为什么运行不了？哪里写错了？

Answer 1

<script type="text/javascript" src="js/index.js"></script>放到HTML加载完之后的位置试试，放在</body>结束标签前面；
点击是不是focus，是click；

追问

是的，我把js引用放到下面，就可以运行了。可是好像wrapColor( )内部的参数不能用this,用username写进去就可以，这个您知道是为什么么？

追答

应该是调用不到this, this的作用域是挺复杂！