DOM已经实现了getElementByClass,这个功能内部是怎么实现的呢

js代码及如何使用:

function getElementByClass(className,parentNode){parentNode = parentNode || document;var childrens = parentNode.getElementsByTagName('*');var nodeArr = [];for(var i=0;i<childrens.length;i++){if(childrens[i].className == className){nodeArr.push(childrens[i]);}}return nodeArr;
}
var parentNode = document.getElementById('target');
var classNode = getElementByClass("pullright");
console.log(classNode);

html代码:

<div class="container" id="target"><div class="pullleft"><span>这里是左浮动</span></div><div class="pullright"><span class="pullleft">这里是右浮动内容</span></div><p class="pullleft">这里是需要浮动的文本</p>
</div>

转载于:https://www.cnblogs.com/diantao/p/5215734.html

自定义getElementByClass相关推荐

  1. 程序主动进行电话短信报警,自定义电话、短信、钉钉报警通知

    程序主动进行电话短信报警,自定义电话.短信.钉钉报警通知 一. 规则说明 这里我们要利用到阿里云的云监控的手段,有一个叫做事件监控的东西,可以通过自定义事件上传来进行监控报警. 流程: 程序发现错误 ...

  2. 数据库中自定义排序规则,Mysql中自定义字段排序规则,Oracle中自定义字段排序规则,decode函数的用法,field函数的用法

    数据库中自定义排序 场景:有一张banner表,表中有一个status字段,有0, 1, 2三个状态位,我想要 1,0,2的自定义排序(这里是重点),然后再进行之上对sequence字段进行二次排序( ...

  3. IDEA自定义快捷指令,快捷生成代码、注释

    我们在使用idea时会发现有非常多的代码生成间接指令,比如输出指令.建主函数指令等等,只需要一个回车,代码就出来了,那我们能不能自定义这些东西呢?答案如下: 第一步,添加一个自定义组 第二步,单击新建 ...

  4. Oracle type (自定义类型的使用)

    oracle - type type定义: oracle中自定义数据类型 oracle中有基本的数据类型,如number,varchar2,date,numeric,float....但有时候我们需要 ...

  5. VS Code 安装 Go 插件、自定义扩展配置、断点调试

    1. 安装插件 使用快捷键 Ctrl+Shift+X 打开插件安装页面,安装 Go 插件. 2. 自定义扩展配置 使用快捷键 Ctrl+, 打开自定义配置页,编辑 settings.json ,定义与 ...

  6. VS Code 安装插件、自定义模板、自定义配置参数、自定义主题、配置参数说明、常用的扩展插件

    1. 下载和官网教程 下载地址:https://code.visualstudio.com/ 官方教程:https://code.visualstudio.com/docs 2. 安装插件 安装扩展插 ...

  7. 如何将自定义代码生成TVM

    如何将自定义代码生成TVM 如何将自定义代码生成TVM 本文参考链接: https://tvm.apache.org/docs/dev/how_to/relay_bring_your_own_code ...

  8. TVM自定义数据类型

    TVM自定义数据类型 本文将介绍"自定义数据类型"框架,该框架可在TVM中使用自定义数据类型. 介绍 在设计加速器时,关键是如何近似地表示硬件中的实数.这个问题具有长期的行业标准解 ...

  9. 自定义Kubernetes调度程序来编排高可用性应用程序

    自定义Kubernetes调度程序来编排高可用性应用程序 只要愿意遵守规则,在Kubernetes上进行部署和乘飞机旅行就可以很愉快.通常,事情会"正常工作".但是,如果有兴趣与必 ...

  10. 自定义 DataLoader

    自定义 DataLoader 如 数据输入 一文所介绍,OneFlow 支持两种数据加载方式:直接使用 NumPy 数据或者使用 DataLoader 及其相关算子. 在大型工业场景下,数据加载容易成 ...

最新文章

  1. 从消息处理角度看应用程序与windows的关系(图示)
  2. 惊呆了!Spring Boot 还能远程调试?
  3. [ACM_几何] Wall
  4. xpath的使用-通过xpath_helper进行的演练
  5. 在XCode工程中创建bundle文件
  6. err=etherbase address must be explicitly specified
  7. jquery读取table的内容
  8. 每位程序员必读的书单
  9. Macbook 黑白打印pdf设置
  10. 快速判断base16,base32,base64
  11. WPF - Visual调试工具Snoop
  12. Java题-古典问题:有一对兔子,从出生后第3个月起每个月都生一对兔子,小兔子长到第三个月后每个月又生一对兔子,假如兔子都不死,问每个月的兔子对数为多少?
  13. 企业生产中,APS系统有哪些具体应用场景?
  14. 在痛苦的日子里笑出声来
  15. SystemVerilog学习笔记1 ---《数据类型》
  16. Programing Exercise 4:Neural Networks Learning
  17. MSTAR-晨星半导体
  18. License Server
  19. oracle的安装liunx,linux上oracle简单安装
  20. 如何把meshlab中的圆环去掉_MeshLab中插件的添加过程

热门文章

  1. 解决办法:在查找预编译头使用时跳过
  2. 产品做得差,总是有人骂
  3. java xlsx读写_java中怎样从Excel中读写数据
  4. datax参数设置_DataX-操作HDFS
  5. C# 编译后执行bat等脚本文件 运行脚本文件 执行Copy 执行XCopy
  6. vs的运行库 MT MTd MD MDd区别
  7. dwcs6连接不上access数据库_DW如何连接数据库?
  8. 基于linux的进程调度模拟程序,2011180021_Linux操作系统_课程设计报告_基于Linux的进程调度模拟程序...
  9. python可视化迷宫求解_用python求解迷宫
  10. php try catch,php源码-try、catch过程-原理