发表于: 2021-03-30 19:20:03

1 977


今天完成的事情:

1、完成了CSS任务十三

2、上传代码到githup上

3、继续学习了js


明天计划的事情:

1、完成任务十四

2、并用sass重构任务十五


遇到的问题:

点击菜单按钮控制左侧菜单的显示和隐藏

解决思路:

菜单按钮我使用的是input,并将input的type属性设置为图片 再绑定一个onclick点击事件

 <input id="btnTest" type="image" src="../imgs/menu.png"  onclick="doHide()" 

接下来就是用JavaScript完成对按钮的控制,先使用function定义一个doHide的函数,再在里面声明一个oDiv的变量将html里id为menu赋值给oDiv的变量(menu是左侧div的id选择器),再用js里的if ...else.. 判断语句完成对oDiv属性的判断。  ==为完全等于    =为赋值      doHide()括号里放参数     由函数执行的代码放{ }里。

function doHide(){
    var oDiv = document.getElementById("menu");
    if (oDiv.style.display == "none"){
      oDiv.style.display = "block";
    }else {
      oDiv.style.display = "none";
    }
  }


收获:

1、收获了用js控制css的display属性,js的判断语句写法


2、Document 对象方法

1、getElementById() :可返回对拥有指定 ID 的第一个对象的引用  (常用)

2、getElenentsByName()  :返回带有指定名称的对象集合。

3、getElenentsByTagName(): 返回带指定标签名的对象集合



返回列表 返回列表
评论

    分享到