栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

Jvascript学习实践案例(开发常用)

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Jvascript学习实践案例(开发常用)

一个自定义的循环遍历元素文本内容的函数
  该函数可以确保在HTML和XML DOM文档中很好的工作,使用该函数,就能够获取任何元素文本内容了
循环遍历元素文本内容
复制代码 代码如下:



一个循环遍历元素文本内容的函数




  • a标签1

  • a标签2

  • a标签3

  • a标签4







通常,我们使用previousSibling,nextSibling,firstChild,lastChild等等来遍历DOM文档,但是,往往会将文本节点也遍历出来,一般情况下,我们不大需要遍历文本节点。所以,这里,我们可以使用自定义的几个函数将previousSibling,nextSibling,firstChild,lastChild封装起来,跳过遍历到的文本节点,而直接取得元素节点
查找节点的几个替代函数
复制代码 代码如下:



previousSibling,nextSibling,firstChild,lastChild和parentNode的替代函数




大部分的WEB开发者在大多数情况下仅仅需要遍历DOM元素而非相邻的文本节点


所以,我们可以自己定义几个函数用于替代previousSibling,nextSibling,firstChild,lastChild和parentNode



  • a标签1

  • a标签2

  • a标签3

  • a标签4







获取表单对象的 7 种方式
多种获取表单对象的方式
复制代码 代码如下:


获取表单对象的 7 种方式







使用javascript实现全选,反选,全不选的功能
复制代码 代码如下:


全选,反选,全不选



全选
全不选
反选



鼠标移上去,显示子栏目列表

复制代码 代码如下:
显示隐藏菜单


操作菜单

li{
list-style:none;
}
#menu ul li{
float:left;
width:75px;
height:30px;
text-align:center;
}
#submenu{
clear:both;
}
#submenu ul li{
background:#888;
width:236px;
}
#submenu ul li a{
color:#fff;
text-decoration:none;
}
.highlight{
background:#888;
}





  • Menu1

  • Menu2

  • Menu3






  • 子菜单1

    子菜单1

    子菜单1

    子菜单1



  • 子菜单2

    子菜单2

    子菜单2

    子菜单2



  • 子菜单3

    子菜单3

    子菜单3

    子菜单3








通过for...in循环语句,可以遍历出某个对象中的属性
比如,我们想要看下document对象中的所有属性名和属性值,可以使用如下所示的代码:
复制代码 代码如下:
View Code



遍历document文档对象的所有属性






同理,我们也可以用以上方法遍历window对象,location对象,history对象等的属性,当然,也可以用来遍历自定义对象的属性
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/112947.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号