<!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>无标题文档</title></head> <title></title> <style type="text/css"> body { margin: 0 auto; padding: 0px; } #pn { background: #e8e8e8; width: 600px; height: auto; margin: 0 auto; padding: 5px; font-size: 9pt; } .slide { margin: 0; padding: 0; width: 600px; border-top: solid 4px gray; margin: 0 auto; } .btn-slide { background: gray; text-decoration: none; text-align: center; width: 120px; height: 30px; padding: 10px 0 0 0; display: block; color: #FFF; margin: 0 auto; } </style> <script type="text/javascript"> function lia(){ var b=document.getElementById("strHref"); var a=document.getElementById("hpn"); var s=document.getElementById("strHref").interText if(s=="true"){ function(){ a.style.display="block"; s="收起" } else{ a.style.display="none"; s="展开" } } } </script></head><body> <div id="pn"> <p> 手机 - 商品筛选</p> <p> 网络：移动4G 联通3G 电信3G</p> <div id="hpn" style="display: none"> <p> 价格：5000元以上 4000-4999 3000元以下</p> <p> 特点：0元购机 防水 长待机</p> </div> </div> <p class="slide"> <a href="javascript:lia()" id="strHref" class="btn-slide">展开</a> <!--点击按钮--> </p></body></html>
1 回答
已采纳
千秋此意
TA贡献158条经验 获得超187个赞
function lia() {
var b = document.getElementById("strHref");
var a = document.getElementById("hpn");
var s = document.getElementById("strHref");
if (s.innerText == "展开") {
a.style.display = "block";
s.innerText = "收起"
} else {
a.style.display = "none";
s.innerText = "展开"
}
}改成这样~
——————————————————
补充下，原本的几个错误如下：
1、interText 拼写错误 正确是 innerText
2、if语句的条件错误， s == “true”这个表达式永远返回的是false
3、if语句里多了一个莫名其妙的function语句。。。
4、你原先声明变量s为 var s=document.getElementById("strHref").interText;
这里变量s只是保存了id为strHref的这个节点的innerText这个字符串，你在之后再对s进行赋值也只是改变变量s中保存的值，是不会影响到s节点的innerText的。。
差不多就这样，望采纳~
添加回答
举报
0/150
提交
取消