html中如何隐藏ID的内容而显示其下子ID内容？
<spanid="a">aaa<spanid="b">bbb</span></span>----------------如上，如果我想隐藏这个内容可以先加上：<style...
<span id="a">aaa
<span id="b">bbb</span>
</span>
----------------
如上，如果我想隐藏这个内容可以先加上：
<style>#a{DISPLAY: none;}</style>
但这样做aaa,bbb都隐藏了，如果我想只隐藏aaa,而显示bbb有什么办法吗？ 展开
<span id="b">bbb</span>
</span>
----------------
如上，如果我想隐藏这个内容可以先加上：
<style>#a{DISPLAY: none;}</style>
但这样做aaa,bbb都隐藏了，如果我想只隐藏aaa,而显示bbb有什么办法吗？ 展开
1个回答
展开全部
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.t
{
border:1px solid red;
width:200px;
height:200px;
position:absolute;
top:50px;
left:100px;
display:block;
}
.d
{
border:1px solid black;
width:500px;
height:500px;
display:none;
}
</style>
</HEAD>
<BODY>
<button onclick="swap_node();">Swap</button>
<div class="d" id="div1">
<span class="t" id="test" style="display:block;">test</span></div>
</BODY>
</HTML>
<script >
var newNode=document.createElement("div");
var $=function(id)
{
return document.getElementById(id)
}
document.body.onload=function()
{
document.body.appendChild(newNode);
$("test").swapNode(newNode);
}
function swap_node()
{
$("test").swapNode(newNode);
}
</script>
交换节点
<HEAD>
<TITLE> New Document </TITLE>
<style>
.t
{
border:1px solid red;
width:200px;
height:200px;
position:absolute;
top:50px;
left:100px;
display:block;
}
.d
{
border:1px solid black;
width:500px;
height:500px;
display:none;
}
</style>
</HEAD>
<BODY>
<button onclick="swap_node();">Swap</button>
<div class="d" id="div1">
<span class="t" id="test" style="display:block;">test</span></div>
</BODY>
</HTML>
<script >
var newNode=document.createElement("div");
var $=function(id)
{
return document.getElementById(id)
}
document.body.onload=function()
{
document.body.appendChild(newNode);
$("test").swapNode(newNode);
}
function swap_node()
{
$("test").swapNode(newNode);
}
</script>
交换节点
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
