js控制div显示隐藏的问题

显示全部楼层 · 2011-6-19 14:31:31

附上js片段：function o_onclick() {

var open = document.getElementById("r1");

var rule = document.getElementById("r2");

var note = document.getElementById("r3");

open.style.display="block";

rule.style.display="none";

note.style.display="none";

}

function r_onclick() {

var open = document.getElementById("r1");

var rule = document.getElementById("r2");

var note = document.getElementById('r3');

open.style.display = "none";

rule.style.display = "block";

note.style.display = "none";

}

function n_onclick() {

var open = document.getElementById("r1");

var rule = document.getElementById("r2");

var note = document.getElementById("r3");

open.style.display = "none";

rule.style.display = "none";

note.style.display = "block";

}
三个div的id分别是r1,r2,r3，其中r2,r3的初始状态是display:none，只有第一个函数运行正常，r2,r3无法显示。我也尝试过写到一个函数里，但是也是一样的问题，只有r1的控制是正常的（因为r2里是从文件里读出来的文字，预览的时候查看源代码显示文字已读出所以不是其他问题）求高手解答！
还有就是我用的vs2010，写js片段的时候在document之后的.style和之后的.display无法自动完成，是vs支持不好还是怎么的........

千问 · 2011-6-19 14:31:31

（因为r2里是从文件里读出来的文字，预览的时候查看源代码显示文字已读出所以不是其他问题这句是什么意思?看你写的程序,需求是,有三个div(r1,r2,r3),初始r1显示,r2,r3隐藏有三个事件,每一个事件触发,隐藏另外两个层,显示要触发的层.代码如下
document.writeln("<img src='attachments/ad0817/7660.gif' width='80' h...