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

一些在Jvascript学习实践的实例代码,需要的朋友可以参考下

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




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







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




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




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


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








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



获取表单对象的 7 种方式









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



全选,反选,全不选



全选
全不选
反选



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

复制代码 代码如下:

显示隐藏菜单


操作菜单









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

View Code



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






同理,我们也可以用以上方法遍历window对象,location对象,history对象等的属性,当然,也可以用来遍历自定义对象的属性

以上就是Jvascript学习实践案例(开发常用)的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程