HTML DOM console.group() 方法 | Console 对象

返回到:DOM 对象:Console 对象

定义和用法

console.group() 方法用于设置分组信息的起始位置,该位置之后的所有信息将写入分组。

提示: 使用 console.groupEnd() 方法来结束当前的分组。

提示: 使用 console.groupCollapsed() 方法来隐藏分组信息。

语法

console.group(label)

所有主要浏览器都支持DOM console.group() 方法

参数说明

参数类型描述
labelString可选,分组标签。

实例

DEMO1:在控制台创建一个分组信息。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<h1>JavaScript console.group() 方法</h1>

<p>按下 F12 查看控制台信息。</p>

<p>这个实例演示了如何在控制台输出一个分组信息。</p>

<script>
console.log("Runoob");
console.group();
console.log("Runoob,这个在分组里面。");
</script>

</body>
</html>

DEMO2:使用 console.groupEnd() 方法来结束分组。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<h1>JavaScript console.group() 方法</h1>

<p>按下 F12 查看控制台信息。</p>

<p>使用 console.groupEnd() 来结束分组信息。</p>

<script>
console.log("Runoob");
console.group();
console.log("Runoob,这个在分组里面。");
console.groupEnd();
console.log("跳出分组啦!");
</script>

</body>
</html>

DEMO3:为信息分组设置标签。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>

<h1>JavaScript console.group() 方法</h1>

<p>按下 F12 查看控制台信息。</p>

<p>指定分组标签。</p>

<script>
console.log("Runoob");
console.group("RunoobLabel");
console.log("我在指定标签分组里。");
</script>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/3817.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年9月24日 上午10:21
下一篇 2021年9月24日 上午10:30

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注