为了账号安全,请及时绑定邮箱和手机立即绑定

展开与收起效果

难度初级
时长 1小时 0分
学习人数
综合评分9.73
101人评价 查看评价
9.7 内容实用
9.8 简洁易懂
9.7 逻辑清晰
  • <script type="text/javascript"> function showdiv() {//展开函数 ducoment.getElementById("hpn").style.display="block"; ducoment.getElementById("strHref").innerHTML="收起"; ducoment.getElementById("strHref").href="javescript:hidediv()"; } function hidediv() {//收起函数 ducoment.getElementById("hpn").style.display="none"; ducoment.getElementById("strHref").innerHTML="展开"; ducoment.getElementById("strHref").href="javescript:showdiv()"; } </script>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 跳过两元素节点间的空白节点或者备注节点时,为防止两元素节点间出现多种,多个非元素节点,采用while循环更好.
    查看全部
    0 采集 收起 来源:编程练习

    2016-02-25

  • @·浏览器兼容问题解决, 为了避免查找的previousSibling,nextSibling是空白节点,判断其nodeType 1.if(x.nodeType!=1){ x=x.previousSibling; } 2.function getNextElement(node){ if(node.nextSibling.nodeType == 1){ //判断下一个节点类型为1则是“元素”节点 return node.nextSibling; } if(node.nextSibling.nodeType == 3){ //判断下一个节点类型为3则是“文本”节点 ,回调自身函数 return getNextElement(node.nextSibling); } nodeType如果等于2表示为属性节点
    查看全部
    0 采集 收起 来源:浏览器兼容性

    2016-02-25

  • nextSibling:返回某个元素之后紧跟的元素(处于同一树层级) previousSibling:返回某节点之前紧跟的节点(处于同一树层级) parentNode 父节点 不同浏览器对节点的定义不同...有些浏览器认为,当P标签与DIV标签之间如果有空格(或者文字),则认为P标签的nextSibling标签不是DIV标签,而是内容为空格(或者文字)的text标签
    查看全部
  • if(y.nodeType!=1){ y=y.nextSibling; }
    查看全部
    0 采集 收起 来源:浏览器兼容性

    2016-02-23

  • 例: <div id="test"> <span >test1</span> test2 </div> test.innerHTML:   也就是从对象的起始位置到终止位置的全部内容,包括Html标签。   上例中的test.innerHTML的值也就是“<span >test1</span> test2 ”。 test.innerText:   从起始位置到终止位置的内容, 但它去除Html标签   上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。 test.outerHTML:   除了包含innerHTML的全部内容外, 还包含对象标签本身。   上例中的text.outerHTML的值也就是<div id="test"><span >test1</span> test2</div> 特别说明:   innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签.
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • a标签可以通过属性href调用javascript代码:
    查看全部
  • 收起与展开
    查看全部
  • TWT
    previousSibling,代表处于同一树层级之前紧跟的元素,之后紧跟的元素属性为nextSibling。注意,一定是同一树层级。
    查看全部
    0 采集 收起 来源:练习题

    2016-01-29

  • <script type="text/javascript"> var w=0; //增加广告宽度函数 function addW(){ if(w<400){ w+=5; document.getElementById("box").style.width=w+"px"; }else{ return ; } setTimeout("addW()",30); } window.onload=function onloa(){ addW(); setTimeout("subW()",5000); } function subW(){ if(w>0){ //在网页加载完毕时,调用增加宽度函数,等待5秒钟后调用减少宽度函数。 w-=5; document.getElementById("box").style.width=w+"px"; }else{ document.getElementById("box").style.display="none"; return ; } //减少广告宽度函数 setTimeout("subW()",30); } </script>
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 广告展开和收起效果
    查看全部
  • 总结 展开与收起
    查看全部
    0 采集 收起 来源:回顾总结

    2016-01-08

  • nextSibling previousSibling 的关系
    查看全部
  • nextSibling previousSibling
    查看全部
  • setTimeout(code,millisec)
    查看全部

举报

0/150
提交
取消
课程须知
您至少具备HTML/CSS、JavaScript基础知识。
老师告诉你能学到什么?
1.掌握使用定时器控件动画。2.掌握节点式查找控件的方法。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!