发表于: 2016-12-21 22:59:40

3 1798


今天完成的事情:

今天完成了任务3,任务4写了一个静态页面。

http://119.10.57.69:880/jnshu067/js-task2/js-task2.html

http://119.10.57.69:880/jnshu067/js-task4/js-task4-1.html


明天计划的事情:

明天写任务4静态页面,研究页面逻辑


遇到的问题&收获:

1.写任务3,需要实现点击同一个按钮,第一次点击执行函数1,第二次点击执行函数2,这样依次循环执行的效果。
最开始的实现思路: 第一次点击按钮,函数1执行到最后,改变button的id值(btn1.id = "btn2"
第二次点击按钮,通过新的id值执行函数2 (document.getElementById("btn2");),执行到最后还原button的id值。btn2.id = "btn1"
实际上,这个方法会在第一次点击按钮时成功执行函数1,也把HTML中的id值更改了。
但是再次点击时,js却找不到新的id值,执行的还是老的id值。
 不知道有没有方法可以让我们把改变后的id保存下来吗?

不行。js执行后的是runtime的结果,不论结果如何,源码是不会变的。 要改只能从server端改。


暂不知道怎么解决,换一种思路写,通过统计按钮的点击次数来判断使用哪个函数,最后才成功。


2.写任务4的第一个页面时,了解到了对如何对伪类设置hover的方法,元素设置元素的hover后再加上伪元素before。

li:before{
content: "平民";
display: block;
width: 126px;
line-height: 97px;
background-color: #75c4e8;
opacity: 0;
}

li:hover::before {
opacity: 1;

返回列表 返回列表
评论

    分享到