学习js的几个小练习

这些小练习是从别人的博客上看到的,我练手的是入门级的练习,这些小练习让我认清了自己的能力,果然还是刚入门,这让一边找工作的我非常心塞,链接贴在下面啦,入门,或者想学习的可以去看看。个人做了下面两个练习后呢,觉得还是结合项目来做的好,里面的小练习,项目里面都会用到,不懂的话可以看一下练习。

链接:http://fgm.cc/learn/

好啦,接下来开启我的练习:

1、效果非常简单,就是五个按钮来简单地改变框框的样式,但是我还是做了有一会吧,先尝试用addEventListener()这个方法不管用,想用nodeValue来获取按钮的值也不管用,想将inputs[i].value的值传入点击事件方法也遇到问题。种种尝试之后,我发现在onclick事件中有一个this,它指向的是当前点击的一个节点,因此可以通过this.value来获取按钮的值,我觉得我的写法效率不高,而不具有复用性。在这个例子中,我学会了一个挺好用的属性cssText,可用cssText为节点添加属性,同样,当你将cssText中的值设置为空,那么通过element.style.xxx修改的样式会被覆盖,即恢复了原来的样式。




    
    Title
    
    


    

2、



    
    Title
    
    
    


    



你可能感兴趣的:(js,HTML)