1-DOM中-类数组对象遍历(转换)为数组
2016-11-13 13:52
169 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>DOM-BODY-类数组对象遍历(转换)为数组</title> </head> <body> <div id="header">这个是头部</div> <!--ctrl+E == 快速打印--> <div id="content"> <div id="left">左侧</div> <div id="right">右侧</div> </div> <script type="text/javascript"> //DOM API //childNodes var content = document.getElementById("content"); console.log(content.childNodes); var nodes = content.childNodes; // var arr = new Array(); arr-->Array.prototype nodes为类数组类型 不能调用数组当中的nodes.forEach(); //将(NodeList)类数组对象转换为数组对象 nodes = Array.prototype.slice.call(nodes,0); console.log(nodes); /* //将节点遍历出来 数组当中的forEach nodes.forEach(function(item){ console.log(item); }); */ //[过滤]获取所有的元素节点 var els = nodes.filter(function(item){ return item.nodeType ==1; //item 当中放的是节点 为1的时候为元素节点 }); console.log(els); /* //IE中处理盒子当中的图片缝隙问题:font-size=0px; 或者,<div><img src=""></div> 写在一行 不回车也可以解决(回车相当于一个文本节点) var body = document.body; console.log(typeof body); //object 对象 console.log(body.constructor); // body是由 HTMLBodyElement()构建出来的实例 console.log(body.nodeType); //1 -->Element元素节点 //console.log(body.nodeValue); console.log(body.nodeName.toLowerCase); //大写的BODY 用String方法变小写 console.log(body instanceof HTMLBodyElement); //true HTMLElement console.log(body instanceof Element); //true console.log(body instanceof Node); //true */ </script> </body> </html>
相关文章推荐
- JQuery 遍历对象(DOM,数组,JSON)方法
- dom对象数组与jQuery对象数组的遍历方式
- php如何遍历多维的stdClass Object 对象,php的转换成数组的函数只能转换外面一丛数组
- 字符串、数组、JSON字符串、JSON对象、DOMList转换方法总结
- JQUERY 对象与DOM对象之两者相互间的转换
- php“对象,数组”互相转换
- js可以利用dom非常轻松的就可以遍历一个表格。当然只要是dom中有的所有对象都可以通过js来访问和处理。
- 遍历获取ASP.NET页面控件的名称及值 后台调用前台javascript方法报错:“缺少对象”的解决方法 xml与DataSet的互转换类
- 如何将对象数组转换成DataSet
- ArrayList .toArray()转换为[] 数组对象
- java ArrayList toArray 由ArrayList 到 对象 数组 的转换 同C#
- 将Ext.Json.Store对象、数组对象转换称Json对象
- Js 把数组和自定义对象转换成字符串
- jQuery对象与dom对象相互转换
- php之对象转换成数组
- 掌握 Ajax,第 4 部分: 利用 DOM 进行 Web 响应 将 HTML 转换为对象模型
- 对象数组转换为DataTable的方法
- 将非托管代码返回的一个object 对象转换为 string 数组
- javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历