
JS代码求教,如何达到点击导航栏中的一个按钮删除之前的文本框里的内容
现在这个代码是点击后隐藏其他按钮。问:如何达到这样的目的:点击导航栏中的一个按钮出现新的文本框,并删除之前的按钮中的文本框里的内容,这样的js代码如何修改谢谢大侠<DIV...
现在这个代码是点击后隐藏其他按钮。
问: 如何达到这样的目的 :点击导航栏中的一个按钮出现新的文本框 ,并删除之前的按钮中的文本框里的内容 , 这样的js代码如何修改 谢谢大侠
<DIV id=con>
<UL id=tags>
<LI><A onClick="selectTag('tagContent0',this)"
href="javascript:void(0)">标签一</A> </LI>
<LI class=selectTag><A onClick="selectTag('tagContent1',this)"
href="javascript:void(0)">标签二</A> </LI>
<LI><A onClick="selectTag('tagContent2',this)"
href="javascript:void(0)">自适应宽度的标签</A> </LI></UL>
<DIV id=tagContent>
<DIV class=tagContent id=tagContent0>第一个标签的内容</DIV>
<DIV class="tagContent selectTag" id=tagContent1>第二个标签的内容</DIV>
<DIV class=tagContent id=tagContent2>第三个标签的内容</DIV></DIV></DIV>
<p>
<SCRIPT type=text/javascript>
function selectTag(showContent,selfObj){
// 操作标签
var tag = document.getElementById("tags").getElementsByTagName("li");
var taglength = tag.length;
for(i=0; i<taglength; i++){
tag[i].className = "";
}
selfObj.parentNode.className = "selectTag";
// 操作内容
for(i=0; j=document.getElementById("tagContent"+i); i++){
j.style.display = "none";
}
document.getElementById(showContent).style.display = "block";
}
</SCRIPT>
</BODY> 展开
问: 如何达到这样的目的 :点击导航栏中的一个按钮出现新的文本框 ,并删除之前的按钮中的文本框里的内容 , 这样的js代码如何修改 谢谢大侠
<DIV id=con>
<UL id=tags>
<LI><A onClick="selectTag('tagContent0',this)"
href="javascript:void(0)">标签一</A> </LI>
<LI class=selectTag><A onClick="selectTag('tagContent1',this)"
href="javascript:void(0)">标签二</A> </LI>
<LI><A onClick="selectTag('tagContent2',this)"
href="javascript:void(0)">自适应宽度的标签</A> </LI></UL>
<DIV id=tagContent>
<DIV class=tagContent id=tagContent0>第一个标签的内容</DIV>
<DIV class="tagContent selectTag" id=tagContent1>第二个标签的内容</DIV>
<DIV class=tagContent id=tagContent2>第三个标签的内容</DIV></DIV></DIV>
<p>
<SCRIPT type=text/javascript>
function selectTag(showContent,selfObj){
// 操作标签
var tag = document.getElementById("tags").getElementsByTagName("li");
var taglength = tag.length;
for(i=0; i<taglength; i++){
tag[i].className = "";
}
selfObj.parentNode.className = "selectTag";
// 操作内容
for(i=0; j=document.getElementById("tagContent"+i); i++){
j.style.display = "none";
}
document.getElementById(showContent).style.display = "block";
}
</SCRIPT>
</BODY> 展开
1个回答
展开全部
你看下这是你要的效果么,不是很明白你的需求
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询