Question

怎么样用一个js同时控制两个层显示的代码 我的意思是 不如说 点击管理 同时显示出两个层

function toggle(targetid,objN,governid,oajN){
var target=document.getElementById(targetid);
var aa=document.getElementById(objN);
var govern=document.getElementById(governid);
var bb=document.getElementById(oajN);
if (target.style.display=="block"){
target.style.display="none";
aa.innerText="使用照片管理";
} else {
target.style.display="block";
aa.innerText='退出照片管理';
}
if (govern.style.display=="block"){
govern.style.display="none";
bb.innerText="使用照片管理";
} else {
govern.style.display="block";
bb.innerText='退出照片管理';
}
}我这样写的代码 不知道怎么回事 出不来 还望各位指点下

Answer 1

document.getElementById('div1').style.display=block;
document.getElementById('div2').style.display=block;

不就是写两遍么。。。

追问

你好 能再帮我看看我的代码吗

追答

你是指什么出不来？字么？
如果是字的话，innerText不是浏览器通用写法，部分浏览器不支持的，换成innerHTML试试看
其他dom的操作看起来么有什么问题

追问

在火狐下 他不执行 bb.innerText='退出照片管理';这段代码

追答

那就对了，火狐不支持 innerText ，你换成 innerHTML 就可以了
典型浏览器兼容问题

追问

也是不行的啊 我换了 火狐也不执行 那行代码啊

追答

囧rz。。aa，bb不会input吧。。innerHTML是给div和span之类用的

Answer 2

if (target.style["display"] == "" || target.style["display"] == "block") {
target.style["display"] = "none";
aa.innerHTML="使用照片管理";
} else if (target.style["display"] == "none") {
target.style["display"] = "block";
aa.innerHTML="退出照片管理";
}