繁体   English   中英

我如何使用javascript控制台DOM对象列表

how can i console the list of DOM object with javascript

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

当我使用jQuery和console.log()获得元素时,我可以看到我可以使用的所有方法。 但是,当我使用javascript在控制台中显示元素时,它只是显示元素本身,而不是向我显示_.style _.accessKey等方法,例如当我使用jQuery执行$(this)[0]时。 那么如何在纯JavaScript中查看所有这些方法?

3 个回复

您可以尝试以下操作:

var div = document.getElementsByTagName('div')[0];

console.table(div) or console.dir(div)

这将以整齐的表格格式打印出所有可用的属性。

使用console.dir()查看javascript DOM对象的所有方法。

您可以尝试以下方法来查找html元素:

var x = document.getElementById('id');
console.log(x);

var y = document.getElementsByTagName('tag_name');
console.log(y);

var z = document.getElementsByClassName('class_name');
console.log(z);

然后通过创建一个新对象列出与该元素关联的所有方法和属性,然后调用该函数

function getAllMethods(object) {
       return Object.getOwnPropertyNames(object).filter(function(property) {
        return typeof object[property] == 'function';
}

console.log(getAllMethods("object"));
1 如何使用JavaScript控制台对现有DOM元素进行排序?

我想使用firefox中的内置javascript控制台对网页中的某些表行进行排序。 该网站本身不提供字母排序,但是数据库很大,我需要更快地查找内容。 结构是这样的: 所以最后我想重新排序这些tr -elements按字母顺序对数据进行排序 (使用Firefox搜索不起作用 ...

2 Chrome控制台和Javascript对象类型

我想找到一个Javascipt对象的类型(构造函数的名称),但我只是通过我尝试过的所有方法得到一个通用的“对象”。 我在网上搜索过,没有找到的Javascript方法对我有用。 它总是只返回对象构造函数类型作为通用“对象”。 然而就是这样,当我在Chrome控制台中检查它时,正盯着我看。 ...

3 在JS中使用DOM和BOM通过控制台访问iframe

我一直在通过Google Chrome的控制台尝试使用JavaScript中的DOM和BOM,试图在不同的网站上更改本地输入值,颜色等。 我偶然发现了一个使用iframe广告代码的网站。 我试图更改位于iframe内的输入的值,但无法完成。 我的理解是iframe在当前查看的网页内合并了一 ...

4 如何使用javascript打印到控制台?

第一次使用netbeans学习JS 。我的代码可以编译,但是我不知道如何打印到控制台屏幕。 我已经尝试过system.out.println函数,但这仍然行不通。 我究竟做错了什么? 编辑:这个问题是不同的,因为我以前从未真正看过使用这些功能。 在我在线使用的所有其他程序中,输 ...

5 使用控制台调试JavaScript

我试图在使用控制台调试我的JS代码方面变得更好,但是我不确定是否可以正确登录到控制台。 这是一个小代码示例来说明。 在此示例中,如果单击黑色正方形,则宽度会更改。 现在代码可以正常工作了,因此控制台中什么也不会出现,但是到了测试新代码的时候,我是否正确记录了它? HTML: ...

6 使用 javascript 与控制台程序交互

我目前正在制作一个基于网络的国际象棋应用程序。 现在我想添加 Stockfish 国际象棋引擎,我必须在命令行中与之交互。 我在互联网上搜索过,有与 Node.js 相关的 child_process exe。 我知道如何使用它,但只有当它用 Node 编译时(例如命令行中的“node file.j ...

7 使用控制台窗口和 javascript

当我使用命令时: document.getElementsByClassName('InvoiceSummaryData')[8].innerHTML; javascript 上下文窗口设置为“顶部”,如图 1 所示,我收到如图所示的错误 但是,我将控制台窗口切换到 'apstaskmana ...

9 Chrome控制台访问DOM

当我放入Chrome控制台时,类似以下内容: 我得到类似的东西: 但是,如果我暂停脚本并以相同的表达式投入观看,我将获得javascript对象,如何在常规控制台中获取javascript对象,例如: ...

10 JavaScript控制台何时会评估打印对象的内容?

我发现在嵌套对象上使用console.log时,结果似乎在执行了后续操作之后才打印出来,但是仅当记录深度至少为两个的对象时才显示。 考虑以下示例: 我假设在此示例中,我看到numberData的值先打印为1,然后是2。实际上,值是3、3。我首先想到的是,这里可能存在一些竞争条件,在 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM