当前位置: 首页 > 知识库问答 >
问题:

javascript - 可以直接CONSOLE ID DOM是什么时候更新出来的特性?

夏烨霖
2023-09-20
<!DOCTYPE html><html lang="en">  <head>    <meta charset="utf-8" />  </head>  <body >    <div id="a1">a1</div>    <div id="a2">a2</div>    <div id="a3">a3</div>    <div id="a4">a4</div>  </body></html>


无意中发现chrome 116,Edge 都可以这么输出,没有引用jquery等类库。
请问这是哪个版本更新出来的?

共有2个答案

杨飞
2023-09-20

这是是标准行为,实际是挂载在 window 上面的。你在你的业务代码里面也可以这样使用,但是不建议。

见标准:HTML Standard

见相关文章:搜索:getElement*,querySelector*

申昌勋
2023-09-20

您所提到的"CONSOLE ID DOM"可能是指在浏览器控制台中使用console.id()方法来打印DOM元素的ID。这个方法并不是新的特性,它早在2016年就被引入到了Chrome浏览器中,并在Chrome 60版本中正式成为标准。因此,可以在多个版本的Chrome和Edge浏览器中使用。

具体来说,对于您提供的HTML代码示例,如果要在浏览器的控制台中打印每个div元素的ID,可以使用如下的JavaScript代码:

for (let div of document.getElementsByTagName('div')) {  console.log(console.id(div));}

当在浏览器中执行此代码时,会输出每个div元素的ID。这是基于Chrome和Edge浏览器内置的console.id()方法来实现的,该方法可以接受一个DOM元素作为参数,并在控制台中打印该元素的ID。

因此,console.id()方法并不是在特定的浏览器版本中更新出来的,它已经被多个浏览器的多个版本支持,包括Chrome和Edge浏览器的多个版本。

 类似资料:
  • 我有一个具有线程池的主类,许多其他类使用它来对数据库执行操作。我目前有一个getter方法来获取池,它工作正常,但似乎有点笨拙。 在什么情况下使用公共字段代替getter/setter方法是可以接受的?

  • 问题内容: 我正在编写一些JavaScript代码来解析用户输入的功能(用于类似于电子表格的功能)。解析了公式之后,我 可以 将其转换为JavaScript并在其上运行以产生结果。 但是,如果能避免,我总是避免使用它,因为它是evil的(而且,无论对与错,我一直认为它在JavaScript中更为evil,因为要评估的代码可能会被用户更改)。 那么,何时可以使用它呢? 问题答案: 我想花点时间解决您

  • 问题内容: 在最近的项目中,我建议在测试工具代码中捕获RuntimeException并将其记录下来。该代码处理来自数据库的一系列输入,并且我不希望由于任何一个输入(空值,非法参数等)失败而导致测试停止。不用说,我的建议引起了热烈的讨论。 捕获任何一种RuntimeException是否可以接受?如果是,那么可以捕获RuntimeExceptions的其他方案还有哪些? 问题答案: 捕获此异常的原

  • 问题内容: 有效的Java建议我们不要这样做 。总是对的吗? 在许多情况下,仅捕获身体。 如果我不接听电话,如何检查发生的地点? 而且,如果我抓住了但身体空了,那我们那时就无法获得任何堆栈信息,可以吗? 更新 我分析了在Google Android源AOSP4.2.2_r1.2中捕获RuntimeException的统计信息。 有249个RuntimeException捕获,并且以下是catch-

  • 问题内容: 由于它不在jvm heap&gc中,何时发布?还是一直保留到流程终止? 但是所有答案都是模糊的,没有一个明确的答案,是否有明确的答案?至少适用于 64位Linux 上的 Java 8 。 __ 问题答案: 不使用旧的Java终结器。相反,它使用内部API。它创建一个新线程并存储到每个创建的线程中(除了重复和切片指的是主缓冲区)。当变成 幻影可到达的 (也就是说,不再存在对字节缓冲区的强