最近做项目刚学会的一个写法

开发工具与关键技术：Visual Studio 2015
作者：杨镇虹
撰写时间：2019.05.28
一、最近做项目刚学会的js写法
1、html布局 点击到这个th盒子，给下面的内容设置显示block内容none隐藏内容 这个盒子的html的布局代码如下

点击到这个盒子 点击上面的这个th盒子的时候，给下面这个盒子设置显示block或者是none隐藏 布局如下

图1
2、js实现效果 获取到上面两个盒子的id,一个是点击到的盒子的id是（gd），另一个是显示隐藏内容的id是（gd1）,获取到这两个id之后，给它写点击操作事件

var gd = document.getElementById(“gd”);/获取到单程点击更多id/
var gd1 = document.getElementById(“gd1”);/获取到单程显示隐藏的更多表格id/
//点击到这个gd盒子-把这个gd1盒子的内容设置显示block隐藏none
gd.onclick = function () {
//点击它gd的时候，if判断一个这个盒子gd1里面是否设置style不等于display 隐藏none或者是显示block，
if (gd1.style.display != (“none”)) {
点击它gd的时候，如果判断这个盒子gd1设置了显示block内容，那么就让它gd1设置为none隐藏内容
gd1.style.display = (“none”);
如果判断这个盒子设置了none隐藏，那么就它进行下一个判断
} else {//否则
上面设置了隐藏none就让它等于block显示内容
gd1.style.display = (“block”);
}
}
下面的也是跟上面的一样，获取到布局的盒子的id 一个是点击盒子的id,另一个是点击显示隐藏内容的id
var bhzlxs = document.getElementById(“bhzlxs”);/单程勾选单程中转城市的id/
var bhzlxs1 = document.getElementById(“bhzlxs1”);/单程显示隐藏中转城市的内容id/
//点击到它bhzlxs 单程勾选中转城市-显示隐藏中转城市的内容
bhzlxs.onclick = function () {
判断它bhzlxs1布局里面是否有设置style=display:隐藏none;或者是设置了 style=display：显示block；内容 如果判断它bhzlxs1设置了不等于none，或者是不等于block 判断有设置了，就可以进行下一个判断
if (bhzlxs1.style.display != (“none”)) {
上面如果判断它bhzlxs1，如果设置了不等于none，也就是等于block 那么就让它设置为none隐藏内容，如果设置了不等于block，也就是等于none 就否则进行下一个判断
bhzlxs1.style.display = (“none”)
}else{//否则
让它设置为block显示内容
bhzlxs1.style.display = (“block”)
}
}
这也是跟上面的是同样，拿到两个布局的id 点击到它gd3，给它gd4进行判断是否不等于none隐藏或者是block显示，就让它切换设置隐藏none或者是显示block内容
var gd3 = document.getElementById(“gd3”);/单程点击中转城市里面的更多图标id/
var gd4 = document.getElementById(“gd4”);/单程显示隐藏中转城市的更多表格/
//单程点击中转城市里面的更多图标-显示隐藏的更多表格
gd3.onclick = function () {
if (gd4.style.display != (“none”)) {
gd4.style.display = (“none”)
} else {
gd4.style.display = (“block”)
}
}