外部引入js文件无效

Question

在单个html中测试代码是完全可以运行的，当将代码剥开为css文件，html代码，js文件的时候，外部引入js就不走了。
html代码：

<li  style="margin-right: 30px;float: left; ">
               <i class="fa fa-commenting"></i>
               <span>评分：</span>
               <div id="star_cont" class="star-vote">
                   <span id="add_star" class="add-star"></span>
                   <span id="delete_star" class="delete_star"></span>
               </div>
           </li>
           <script type="text/javascript">
               showStar(3);
           </script>

script的引入已经在id的外面，为什么在调试器中还是显示TypeError: document.getElementById(...) is null

Answer 1

js的引入最好放在最后面，或者把方法写在window.onload里面，这样可以保证节点存在。如果dom是临时创建的，需要用事件委托，或者重新绑定事件

Answer 2

你给的资讯量太少了。
第一：我不知道你分css html js 的分別的档案怎么写的，也不知道你怎么引入的css 及 js。
第二：我不知道showStar(); 这个function是怎么实作的。
第三：另外建议你可以用jsfiddle 或 codepen 来demo你的程式码。

Answer 3