发表于: 2016-12-24 23:04:46

1 1342


今天完成的事情:上午完成了task2的静态页面

                             下午开始做js部分,目前js部分的滑动块做好了,其他部分还未完成


明天计划的事情:完成task2的剩余部分


遇到的问题:首先是做滑动块的问题,最开始的想法是向通过加、减号来改变图片的绝对位置,尝试之后发现,并不能实现理想的效果。问了小师弟才发现input居然有一个type属性可以轻松实现此等效果。<input type="range"  min="4" max="6" value="3"/>,总之滑块用这个属性轻松实现,具体意思请百度吧。

收获:知道了type=range的存在

          如何取消input点击后出现的边框input,button,select,textarea{outline:none;}

              

操作DOM元素
getAttribute("")——返回指定属性名的属性值
setAttribute("","")——添加指定的属性,并为指定的属性赋值
节点名称:nodeName    节点类型nodeType       节点值:nodeValue
子节点:ele.childNodes                   firstChild                   lastChild
父节点:parentNode
兄弟节点: nextSibling           previousSibling
插入节点:appendChild()                insetBefore(new,node)
删除节点:removeChild(node)
替换节点:replaceChild(node)
创建元素节点:createElement()
创建文本节点:createTextNode()




返回列表 返回列表
评论

    分享到