美文网首页
操作DOM的一些有用的综合方法/函数 [一]

操作DOM的一些有用的综合方法/函数 [一]

作者: hyperRect | 来源:发表于2017-05-29 03:53 被阅读0次

GET NEXT ELEMENT

用途:取得某个节点的下一个元素节点(注意,非普通节点。普通节点包括:文本节点, 元素节点和属性节点)

//想要获取节点nodeA的下一个元素节点

//传入nodeA.nextSibling

function getNextElement(nodeNextSibling){

if(nodeNextSibling.nodeType == 1){

return node;

}

if(nodeNextSibling.nextSibling){

return getNextElement(nodeNextSibling.nextSibling);

}

return null;

}


ADD LOAD EVENT

//用途: 将某一个想要在网页load时执行的方法绑定到window.onload事件中的方法序列(可能已经有多个)

function AddLoadEvent(func) {

var current_load_event = window.onload;

if (typeof current_load_event != 'function') {

window.onload = func;

} else {

window.onload = function() {

current_load_event;

func;

}

}

}

相关文章

  • 操作DOM的一些有用的综合方法/函数 [一]

    GET NEXT ELEMENT 用途:取得某个节点的下一个元素节点(注意,非普通节点。普通节点包括:文本节点, ...

  • 操作DOM的一些有用的综合方法/函数 [二]

    * 关于向不同的位置添加元素 1. 向某个元素之前添加元素节点 如下 hi! 如果想在h1元素(假设变量...

  • JS DOM操作

    DOM及其基础操作DOM:document obiect model 文档对象模型,提供一些属性和方法供我们操作页...

  • jQuery 函数

    Dom操作常用方法 .append()/.prepend() .append()函数用于向每个匹配元素内部的末尾位...

  • 【Javascript】DOM操作&事件介绍

    写一个函数,批量操作 css 如何获取 DOM 计算后的样式 使用getComputedStyle方法获取 实现效...

  • js笔记十五之DOM基础-获取元素的方法

    DOM基础 DOM: document object model 文档对象模型,提供一些属性和方法可以让我们去操作...

  • DOM基础

    DOM:document object model 文档对象模型,提供一些属性和方法让我们可以操作DOM元素 获取...

  • DOM及其基础操作

    DOM:document object model 文档对象模型,提供一些属性和方法以操作页面中的元素 获取DOM...

  • Command Line API

    介绍 Command Line API是chrome devTool中提供简化日常操作的一些函数, 包括对DOM的...

  • react refs属性

    refs属性 概念:组件三大属性之一,唯一标识,可以操作真实DOM 注意:点击事件没有用event回调函数是因为,...

网友评论

      本文标题:操作DOM的一些有用的综合方法/函数 [一]

      本文链接:https://www.haomeiwen.com/subject/kqqgxxtx.html