javascript怎么实现点击一个加号，下面出现文本？
比如：+段落1-----------------------------------------------------------点击后：-段落1-----------...
比如：
+ 段落1
-----------------------------------------------------------
点击后：
- 段落1
-----------------------------------------------------------
我是段落1的内容
最好给个简单的代码 展开
+ 段落1
-----------------------------------------------------------
点击后：
- 段落1
-----------------------------------------------------------
我是段落1的内容
最好给个简单的代码 展开
5个回答
展开全部
<html>
<head>
<title>无标题文档</title>
</head>
<script language="javascript">
function showToggle(obj)
{
if(obj.innerHTML.indexOf('+')!=-1){
document.getElementsByTagName('li')[0].style.display='block';
obj.innerHTML='-段落1';
}
else{
document.getElementsByTagName('li')[0].style.display='none';
obj.innerHTML='+段落1';
}
}
</script>
<body>
<div>
<ul><a style='text-decoration:none;color:black' href='javascript:void(0)' onclick='showToggle(this)'>+段落1</a>
<li style='text-indent:2em;list-style:none;display:none'>我是段落1的内容</li>
</ul>
</div>
</body>
</html>
<head>
<title>无标题文档</title>
</head>
<script language="javascript">
function showToggle(obj)
{
if(obj.innerHTML.indexOf('+')!=-1){
document.getElementsByTagName('li')[0].style.display='block';
obj.innerHTML='-段落1';
}
else{
document.getElementsByTagName('li')[0].style.display='none';
obj.innerHTML='+段落1';
}
}
</script>
<body>
<div>
<ul><a style='text-decoration:none;color:black' href='javascript:void(0)' onclick='showToggle(this)'>+段落1</a>
<li style='text-indent:2em;list-style:none;display:none'>我是段落1的内容</li>
</ul>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用div就可以了么 就是把要显示的内容放在div标签里 然后用css定义div隐藏 然后在加号的单击事件显示出来就可以了么
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Mark 写demo,等等~~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>手写html</title>
<!-- 写javascript -->
<script type="text/javascript">
function aclick(){
document.getElementById("d1").style.display="block";
}
</script>
<!-- 写css样式 -->
<style type="text/css">
#d1{
display:none;
}
</style>
</head>
<body>
<div>
<a id="a1" href="#" onclick="aclick()">+</a> 段落1<br/>
-----------------------------------------------------------
<div id="d1">
我是段落1的内容
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>手写html</title>
<!-- 写javascript -->
<script type="text/javascript">
function aclick(){
document.getElementById("d1").style.display="block";
}
</script>
<!-- 写css样式 -->
<style type="text/css">
#d1{
display:none;
}
</style>
</head>
<body>
<div>
<a id="a1" href="#" onclick="aclick()">+</a> 段落1<br/>
-----------------------------------------------------------
<div id="d1">
我是段落1的内容
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用点击然后显示隐藏的div，div中放你段落1的内容
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jquery比较简单
jquery有个append方法
jquery有个append方法
追问
不懂jquery，一般的常用方法是什么啊？
追答
如果用原生的javascript 可能需要写10行代码，用jquery一行就搞定。现在都用jquery，没多少人用原生的javascript。建议你学学
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
