如何查看javascript object对象的所拥有的属性值？

zhaofeng987 2009-04-24 06:30:16
如何查看javascript object对象的所拥有的属性值，如下面页面代码：

<html>
<head>
<title></title>
<script type="text/javascript"></script>
</head>
<body>
<input id="test" name="hehe" styple="">
</body>
</html>

我想获取了 id="test" 对象，如何显示出这个对象的属性呢？假使我并不知道这个对象有多少个属性我该怎么办？
...全文
28646 20 打赏 收藏 转发到动态 举报
写回复
用AI写文章
20 条回复
切换为时间正序
请发表友善的回复…
发表回复
lazyfox 2012-07-25
  • 打赏
  • 举报
 回复
不错哦。锅[Quote=引用 1 楼 的回复:]
假设你拿到对象是test


JScript code

for(i in test){
alert(i);//i就是test的属性名
alert(test.i);//test.i就是属性值
}
[/Quote]
hilojack 2011-11-21
  • 打赏
  • 举报
 回复 
    var b='',e=document.getElementsByName("a");//取完做下处理

	for(i in e){

		b+=i+':<br>'+(typeof e[i])+'<hr>';

	}

	document.write(b);
linuxdotnet 2011-03-04
  • 打赏
  • 举报
 回复
这么简单到问题都不知道呀, 虽然过期了，还是给发下解决方法
for(attribute in person){
var objectValue = eval('person.' + attribute);
alert(objectValue);
}
xushiwei003 2009-11-03
  • 打赏
  • 举报
 回复
for(i in object){
alert(i);//获得属性
alert(file[i]) //获得属性值}
经测试可以获得
zhaofeng987 2009-06-05
  • 打赏
  • 举报
 回复
楼上的代码我试了试，好像不行，等待答案中……
wcwtitxu 2009-05-22
  • 打赏
  • 举报
 回复 


<html> 

<head> 

<title> </title> 

</head> 

<body> 

<input id="test" name="hehe" styple="" />

<br/>



<script type="text/javascript">

var o = document.getElementById("test");



for (var p in o) {

	document.write("<b>"+p+":</b>");

	document.write(escapeXml(o[p]+""));

	document.write("<br/>");

}



function escapeXml(str) {

	return str.replace(/&/g, "&").replace(/\</g, "<").replace(/>/g, ">");

}

</script> 



</body> 

</html>
锦瑟-华年 2009-05-22
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 yuan2006open 的回复:]
使用JS的 for...in语句
--不知属性个数时,用于对某个对象的所以属性进行循环操作,
返回字符串形式的属性名;获取属性值方式: p1[temp] ;
跟Java的for(Student stu:students){...}很像;

语法: for(临时变量 in 对象实例名){
...
}

function Person(){
this.name="bai";
this.age=19;
this.height=175;
…
[/Quote]
顶！
qingshuiyoulan 2009-05-22
  • 打赏
  • 举报
 回复
推荐你用一下Jquery,看有没有这样的例子，Jquery里有attribute的一些方法，试一下
ghost0818 2009-05-22
  • 打赏
  • 举报
 回复
var test = document.getElementById('test');
for(i in test){
alert(test[i]);
}
ghost0818 2009-05-22
  • 打赏
  • 举报
 回复
for(i in test){
alert(test[i]);
}
zhaofeng987 2009-05-20
  • 打赏
  • 举报
 回复
等待中……
ivy110 2009-05-19
  • 打赏
  • 举报
 回复
楼主得到答案了吗？结果呢
zhaofeng987 2009-04-27
  • 打赏
  • 举报
 回复
[Quote=引用楼主 zhaofeng987 的帖子:]
如何查看javascript object对象的所拥有的属性值，如下面页面代码：

<html>
<head>
<title> </title>
<script type="text/javascript"> </script>
</head>
<body>
<input id="test" name="hehe" styple="">
</body>
</html>

我想获取了 id="test" 对象，如何显示出这个对象的属性呢？假使我并不知道这个对象有多少个属性我该怎么办？
[/Quote]
补充一句：假使我并不知道这个对象有多少个属性和属性的名称该怎么办？如上面的input组件,我只想获得这个组件的所有有值（值不为空）的属性，我得到的最终结果应该是：id=test name=hehe ,我获得这些内容的前提是只知道这个组件的id,属性的名称和个数都是未知的，从网上找了好多，但没有找到满意的答案……希望GGMM来帮忙
zhaofeng987 2009-04-27
  • 打赏
  • 举报
 回复
[Quote=引用 6 楼 yuan2006open 的回复:]
引用 1 楼 natineprince 的回复:
假设你拿到对象是test

JScript codefor(iintest){
alert(i);//i就是test的属性名alert(test.i);//test.i就是属性值}


原来已经有人如此说了!!呵呵,滥竽充数了....
[/Quote]
这个只能适用于自定义的object
robyjeffding 2009-04-25
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 natineprince 的回复:]
假设你拿到对象是test


JScript codefor(i in test){
alert(i);//i就是test的属性名
alert(test.i);//test.i就是属性值
}
[/Quote]
顶一楼！！！
白哥哥2018 2009-04-25
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 natineprince 的回复:]
假设你拿到对象是test

JScript codefor(iintest){
alert(i);//i就是test的属性名alert(test.i);//test.i就是属性值}
[/Quote]

原来已经有人如此说了!!呵呵,滥竽充数了....
白哥哥2018 2009-04-25
  • 打赏
  • 举报
 回复
使用JS的 for...in语句
--不知属性个数时,用于对某个对象的所以属性进行循环操作,
返回字符串形式的属性名;获取属性值方式: p1[temp] ;
跟Java的for(Student stu:students){...}很像;

语法: for(临时变量 in 对象实例名){
...
}

function Person(){
this.name="bai";
this.age=19;
this.height=175;
}
var p1= new Person();
var temp,p1Str="";
for(temp in p1){
alert(typeof temp); --是字符串
alert(p1[temp]);
p1Str=p1Str+temp+" -- "
}
alert(p1Str); --返回"name -- age -- height"
zhuwen9 2009-04-25
  • 打赏
  • 举报
 回复
mark!
jinxfei 2009-04-24
  • 打赏
  • 举报
 回复
楼上的思路确实够独到的，佩服。

不过试了一下，似乎不行。

网上查了一下，似乎这个方法只能适用于自定义的object，对String, Date等js内建对象不可以。
natineprince 2009-04-24
  • 打赏
  • 举报
 回复
假设你拿到对象是test

for(i in test){

 alert(i);//i就是test的属性名

 alert(test.i);//test.i就是属性值

}
JavaScript系列从入门到精通系列第十二篇：JavaScript中对象的简介和对象的基本操作以及JavaScript中的属性值和属性名
本文是JavaScript系列从入门到精通系列中的第十二篇，详细介绍了JavaScript中对象的简介和对象的基本操作以及JavaScript中的属性值和属性名
JavaScript Object基础（二）：获取对象的属性以及对象解构
因为在person对象上不存在info属性，更无法读取到email，因此抛出错误，此时，解构赋值中断，这就是为什么即使person对象上存在age属性，也不会继续进行解构赋值了。这样做确实能满足我们日常的大部分需求，但是如果需要使用的属性非常多，那么还像上面这样写就会显得十分臃肿，对开发和维护工作也可能会造成负担，那么我们就可以使用以下的。的属性存取方式，除非访问属性时必须使用变量，比如使用Symbol类型的变量作为属性的。①先声明变量，②从对象中找到对应属性，然后赋值给声明的变量。方式一：通过点操作符。
详解JavaScript的Object对象
一、Object 是什么？ Object 是 JavaScript 的一种 数据类型 ，用于存储各种键值集合和更复杂的实体，几乎所有对象都是 Object 类型的实例，它们都会从 Object.prototype 继承属性和方法，虽然大部分属性都会被覆盖（shadowed）或者说被重写了（overridden）。 一个对象就是一系列属性的集合，属性包括名字和值。如果属性值是函数，那么称之为方法。 1、创建新对象 法一：使用 对象初始化器 创建对象 var myCar = { name: "
JavaScript中的对象的属性名和属性值
1.属性名 创建一个对象 var obj =new Object(); 向对象中添加属性 obj.name =“Jerry”; 那么，name就是属性名，"Jerry"就是属性值。 对象的属性名不强制要求遵守标识符的规范，但是建议按照标识符规范命名。 如果使用特殊的属性名，例如数字123，特殊字符%￥@@@￥#就不能使用.的方式来操作，需要另一种方式，语法如下： 对象[“属性名”]=属性值； 例如： obj[“123”]=“Tom”; 读取时也需要采用这种方式 即alert(obj[“123”]);
JavaScript对象类型Object
前言 系统学习JavaScript，由于有3年的java后端开发经验，并且有2年的JavaScript+Jquery开发经验，所以像编程语言的一些通用知识就直接跳过了，重点关注JavaScript的语言特性和常用库。 JavaScript对象类型 Object 对象属于一个复合的数据类型，在对象中可以封装多个不同类型的属性，比如 Number、string，函数，Object、数组等等。 在JavaScript中，String、Number、Boolean、Null、Undefined属于基本数据类型，Ob
Web 开发

81,115

社区成员

341,731

社区内容

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章