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

JavaScript023

如何查看javascript object对象的所拥有的属性值,第1张

第一种,alert,也是最原始的

用for循环逐一读取obj的数据然后alert或者展示到页面的dom元素内。

第二种,控制台输出

console.log(obj),然后按f12打开调试面板然后切换到控制台标签查看,但是ie下不能查看到具体的值。

第三种,添加监视

按F12打开调试面板然后切换到调试(脚本)标签,然后找到你要查看的obj代码,然后在这一行打一个断点,然后点击按钮(其他能触发代码运行到这里的操作都行)然代码运行到这里,然后右键obj这个变量添加监视然后查看obj属性。

第四种,全局变量

在你要查看obj变量的代码位置后加上window.temp_obj = obj然后按F12打开调试界面,接着打开控制台标签,然后输入temp_obj再输入.看提示有哪些属性,然后输入temp_obj.attrName按回车看指定属性的名称,或者直接输入temp_obj按回车查看。

其他的不多说,但大体都是这些衍生出来的调试方法,具体怎么运用视情况而定。

使用JavaScript获取某个元素的属性值可以使用jQuery中的选择器+attr()方法。

工具原料:编辑器、浏览器

1、实现的思路是先使用选择器通过id获取到这个元素,然后使用attr方法获取某个属性的值,代码如下:

<div id="div1" class="test">

</div>

<script>

console.log($('#div1').attr('class'))

</script>

2、运行的结果是获取到了class的值test,如下图:

可以用数组的indexOf函数,方法arr.indexOf(find,start)find:要找的内容,必须;start:查找开始下标,可选;返回:查找数据所在的下标,如果没找到,返回-1如果只要知道是否有8这个数字,直接调用arr.indexOf(8),如果返回值不为-1,说明找到了var s=[1,2,3,5,6,9]var u=s.indexOf(5)//返回5所在的下标3var d=s.indexOf(8)//返回-1console.log(u)console.log(d)