位置: 编程技术 - 正文
JavaScript制作淘宝星级评分效果的思路(javascript制作小程序)
编辑：rootadmin推荐整理分享JavaScript制作淘宝星级评分效果的思路(javascript制作小程序)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:js制作软件,js制作网页制作步骤,用javascript简单做淘宝首页,用javascript制作表单,运用javascript制作网页,运用javascript制作网页,用javascript简单做淘宝首页,javascript怎么做,内容如对您有帮助，希望把文章链接给更多的朋友！
小编也是刚开始学JavaScript，觉得淘宝评星效果很棒，于是产生了自己写一个的想法，先给大家分享一下实现效果：
现附上自己写的源代码
一开始的时候用了两个for循环就是这样的:
大神们估计已经看出来了,在for循环之后HTML里的span已经失去了作用,也就是说它只能评价一次.....于是顺着这个思路想到了用数组解决这个问题,就是让评星效果里的每一颗星储存到数组里,写出了上述的代码,可楼主还犯了一个小错误,着实困恼了许久....array[0]=document.getElementById("oneStar").innerText;通过这样定义的数组....结果可想而知,后面的代码根本无法改变评星,后来意识到,这样的定义直接将ID为onestar的元素的内容赋值给了数组,也就是说数组成了一个指向数组的指针....自然无法改变对应元素的值.后来总算明白了....之后又加了一些CSS效果成品是这样的:
标签: javascript制作小程序
本文链接地址:https://www.jiuchutong.com/biancheng/385457.html 转载请保留说明！上一篇：跟我学习javascript的异步脚本加载(java script入门)
下一篇：详解JavaScript的回调函数(javascript definitive guide)
