如何遍历对象属性属性

HTML DOM 遍历
通过 HTML DOM,您能够使用节点关系在节点树中导航。
HTML DOM 节点列表
getElementsByTagName() 方法返回节点列表。节点列表是一个节点数组。
下面的代码选取文档中的所有 &p& 节点:
var x=document.getElementsByTagName(&p&);
可以通过下标号访问这些节点。如需访问第二个 &p&,您可以这么写:
注释:下标号从 0 开始。
HTML DOM 节点列表长度
length 属性定义节点列表中节点的数量。
您可以使用 length 属性来循环节点列表:
x=document.getElementsByTagName(&p&);
for (i=0;i&x.i++)
document.write(x[i].innerHTML);
document.write(&&br /&&);
例子解释:
获取所有 &p& 元素节点
输出每个 &p& 元素的文本节点的值
导航节点关系
您能够使用三个节点属性:parentNode、firstChild 以及 lastChild ,在文档结构中进行导航。
请看下面的 HTML 片段:
&p&Hello World!&/p&
&p&DOM 很有用!&/p&
&p&本例演示节点关系。&/p&
首个 &p& 元素是 &body& 元素的首个子元素(firstChild)
&div& 元素是 &body& 元素的最后一个子元素(lastChild)
&body& 元素是首个 &p& 元素和 &div& 元素的父节点(parentNode)
firstChild 属性可用于访问元素的文本:
&p id=&intro&&Hello World!&/p&
x=document.getElementById(&intro&);
document.write(x.firstChild.nodeValue);
DOM 根节点
这里有两个特殊的属性,可以访问全部文档:
document.documentElement - 全部文档
document.body - 文档的主体
&p&Hello World!&/p&
&p&DOM 很有用!&/p&
&p&本例演示 &b&document.body&/b& 属性。&/p&
alert(document.body.innerHTML);
childNodes 和 nodeValue
除了 innerHTML 属性,您也可以使用 childNodes 和 nodeValue 属性来获取元素的内容。
下面的代码获取 id=&intro& 的 &p& 元素的值:
&p id=&intro&&Hello World!&/p&
var txt=document.getElementById(&intro&).childNodes[0].nodeV
document.write(txt);
在上面的例子中,getElementById 是一个方法,而 childNodes 和 nodeValue 是属性。
在本教程中,我们将使用 innerHTML 属性。不过,学习上面的方法有助于对 DOM 树结构和导航的理解。11被浏览1378分享邀请回答21 条评论分享收藏感谢收起原文出处: 作者: Jet Mah from 声明: 可以非商业性任意转载, 转载时请务必以超链接形式标明文章原始出处、作者信息及此声明!
现在网上充斥着大量关于所谓JavaScript的参考手册或参考资料,大部分都是真对于微软所推出的JScript的,而不是现在我们使用Ajax使用到的JavaScript。然而关于JavaScript的参考资料非常的有限,并且解释的也不是很全面,这样在做JavaScript脚本程序的时候往往要查询大量的资料,很是耗时。  今天无意中在网上找到了一个用来遍历JavaScript某个对象所有的属性名称和值的方法,这样想使用方法的时候非常的直观和方便。我整理成了一个函数,代码如下:
* 用来遍历指定对象所有的属性名称和值
* obj 需要遍历的对象
* author: Jet Mah
* website: /archives//442864.html
function allPrpos(obj) {
// 用来保存所有的属性名称和值
var props = "";
// 开始遍历
for(var p in obj){
if(typeof(obj[p])=="function"){
// p 为属性名称,obj[p]为对应属性的值
props+= p + "=" + obj[p] + "\t";
// 最后显示所有的属性
alert(props);
真正的JavaScript而非JScript的参考手册可以看阿江整理的一些资料:
参考资料:演示 for…in 循环语句示例AJAX的JavaScript的反射机制
This entry was posted on 星期三, 9月 13th, 2006 at 11:44 上午 and is filed under . You can follow any responses to this entry through the
feed. You can , or
from your own site.
浏览: 668083 次
来自: 北京
读取excel文件,插件pageoffice也可以实现。
java开源项目源码实例下载
第一种方法是个死循环啊。。。
赞一个呀,挺实用的
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'遍历对象属性(for in、Object.keys、Object.getOwnProperty)
时间: 00:59:25
&&&& 阅读:170
&&&& 评论:
&&&& 收藏:0
标签:&&&&&&&&&&&&&&&&&&&&&&&&&&&
js中几种遍历对象的方法,包括for in、Object.keys、Object.getOwnProperty,它们在使用场景方面各有不同。
主要用于遍历对象的可枚举属性,包括自有属性、继承自原型的属性
var obj = {"name":"Poly", "career":"it"}
Object.defineProperty(obj, "age", {value:"forever 18", enumerable:false});
Object.prototype.protoPer1 = function(){console.log("proto");};
Object.prototype.protoPer2 = 2;
console.log("For In : ");
for(var a in obj) console.log(a);
返回一个数组,元素均为对象自有的可枚举属性
var obj = {"name":"Poly", "career":"it"}
Object.defineProperty(obj, "age", {value:"forever 18", enumerable:false});
Object.prototype.protoPer1 = function(){console.log("proto");};
Object.prototype.protoPer2 = 2;
console.log("Object.keys:")
console.log(Object.keys(obj));
用于返回对象的自有属性,包括可枚举和不可枚举的
var obj = {"name":"Poly", "career":"it"}
Object.defineProperty(obj, "age", {value:"forever 18", enumerable:false});
Object.prototype.protoPer1 = function(){console.log("proto");};
Object.prototype.protoPer2 = 2;
console.log("Object.getOwnPropertyNames: ");
console.log(Object.getOwnPropertyNames(obj));
标签:&&&&&&&&&&&&&&&&&&&&&&&&&&&原文:/ziqian9206/p/7203488.html
教程昨日排行
&&国之画&&&& &&&&&&
&& &&&&&&&&&&&&&&
鲁ICP备号-4
打开技术之扣,分享程序人生!如何遍历属性_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
如何遍历属性
我有更好的答案
for (prop in obj) {
props.push(prop).length),环境为Firefox 19.  1;\n&
alert(propertys,可以获取到一个对象的所有自身属性.  (function () {
var propertys = O\n&quot,一般没什么用.})()  2.遍历所有的自身属性  特性为不可枚举的属性也并不是遍历不到,ES5给我们提供了getOwnPropertyNames方法;
&#47.遍历可枚举的自身属性  可枚举的意思就是该属性的[[Enumerable]]特性为true.keys(window);
alert(propertys.length);
/&#47,InstallTrigger,除了最后一个是火狐私有的属性.遍历所有的自身属性和继承属性  这种遍历主要用在各种js调试工具的代码补全功能上.比如Firebug的;
var propertys = getAllPropertyNames(window);));
/&#47,原来window对象只有两个可枚举的自身属性.window属性指向window对象自身.getOwnPropertyNames(window);
alert(propertys.join(&quot,自身属性的意思就是该属性不是从原型链上继承下来的.  (function () {
var propertys = O
alert(propertys.join(&
/\n&));
//window,document.遍历可枚举的自身属性和继承属性  继承属性怎么遍历;
var propertys = getEnumPropertyNames(window).length),onload等等})()  4,你应该知道.  (function () {
var getAllPropertyNames = function (obj) {
var props = [];
props = props.concat(Object.getOwnPropertyNames(obj));
} while (obj = Object.getPrototypeOf(obj)),就是最常用的for in遍历  (function () {
var getEnumPropertyNames = function (obj) {
var props = [],eval等等})()  3.length);n&));/addEventListener  知道了这些,我们就可以把属性的遍历分为四种情况.  注:示例代码中,我们要遍历的对象是浏览器中的Object,F
alert(propertys.join(&&#92,代码运行在空白页面中的script标签里.没有Firebug或者其他调试工具的影响(会导入一些全局变量;/72
alert(propertys.join(&quot,console等)
为您推荐:
其他类似问题
等待您来回答}

我要回帖

更多关于 遍历对象属性 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信