一些在Jvascript学习实践的实例代码,需要的朋友可以参考下
一个自定义的循环遍历元素文本内容的函数
该函数可以确保在HTML和XML DOM文档中很好的工作,使用该函数,就能够获取任何元素文本内容了
循环遍历元素文本内容
通常,我们使用previousSibling,nextSibling,firstChild,lastChild等等来遍历DOM文档,但是,往往会将文本节点也遍历出来,一般情况下,我们不大需要遍历文本节点。所以,这里,我们可以使用自定义的几个函数将previousSibling,nextSibling,firstChild,lastChild封装起来,跳过遍历到的文本节点,而直接取得元素节点
查找节点的几个替代函数
previousSibling,nextSibling,firstChild,lastChild和parentNode的替代函数
获取表单对象的 7 种方式
多种获取表单对象的方式
获取表单对象的 7 种方式
使用javascript实现全选,反选,全不选的功能
鼠标移上去,显示子栏目列表
显示隐藏菜单
操作菜单
通过for...in循环语句,可以遍历出某个对象中的属性
比如,我们想要看下document对象中的所有属性名和属性值,可以使用如下所示的代码:
View Code
遍历document文档对象的所有属性
同理,我们也可以用以上方法遍历window对象,location对象,history对象等的属性,当然,也可以用来遍历自定义对象的属性
该函数可以确保在HTML和XML DOM文档中很好的工作,使用该函数,就能够获取任何元素文本内容了
循环遍历元素文本内容
复制代码 代码如下:
通常,我们使用previousSibling,nextSibling,firstChild,lastChild等等来遍历DOM文档,但是,往往会将文本节点也遍历出来,一般情况下,我们不大需要遍历文本节点。所以,这里,我们可以使用自定义的几个函数将previousSibling,nextSibling,firstChild,lastChild封装起来,跳过遍历到的文本节点,而直接取得元素节点
查找节点的几个替代函数
复制代码 代码如下:
大部分的WEB开发者在大多数情况下仅仅需要遍历DOM元素而非相邻的文本节点
所以,我们可以自己定义几个函数用于替代previousSibling,nextSibling,firstChild,lastChild和parentNode
获取表单对象的 7 种方式
多种获取表单对象的方式
复制代码 代码如下:
使用javascript实现全选,反选,全不选的功能
复制代码 代码如下:
鼠标移上去,显示子栏目列表
复制代码 代码如下:
显示隐藏菜单
通过for...in循环语句,可以遍历出某个对象中的属性
比如,我们想要看下document对象中的所有属性名和属性值,可以使用如下所示的代码:
复制代码 代码如下:
View Code
同理,我们也可以用以上方法遍历window对象,location对象,history对象等的属性,当然,也可以用来遍历自定义对象的属性
以上就是Jvascript学习实践案例(开发常用)的详细内容,更多请关注0133技术站其它相关文章!