const paragraphs = document.querySelectorAll('p');
paragraphs.forEach((p, index) => {
  p.textContent = `${index + 1}、${p.textContent}`;
});

这段 JavaScript 代码可以用于为网页中的段落内容添加序号,代码首先通过 document.querySelectorAll('p') 选择所有 <p> 标签,然后使用 forEach 循环遍历每个段落,并使用 textContent 属性获取段落内容,最后将序号和段落内容拼接成新的字符串,并重新设置 textContent 属性,从而实现为段落添加序号的功能。

示例:

假设网页中存在以下段落内容:

<p>
	新冒险
</p>
<h3>
	软件特色:
</h3>
<p>
	操作。
</p>
<p>
	你需要。
</p>
<p>
	难度。
</p>
<h3>
	软件亮点:
</h3>
<p>
	仔细。
</p>
<p>
	注意。
</p>
<p>
	顶级。
</p>
<h3>
	软件测评:
</h3>
<p>
	玩家。
</p>
<p>
	画面。
</p>
<p>
	总的。
</p>

执行上述 JavaScript 代码后,网页中的段落内容将变为:

<p>
	新冒险
</p>
<h3>
	软件特色:
</h3>
<p>
	1、操作。
</p>
<p>
	2、你需要。
</p>
<p>
	3、难度。
</p>
<h3>
	软件亮点:
</h3>
<p>
	1、仔细。
</p>
<p>
	2、注意。
</p>
<p>
	3、顶级。
</p>
<h3>
	软件测评:
</h3>
<p>
	1、玩家。
</p>
<p>
	2、画面。
</p>
<p>
	3、总的。
</p>

注意事项:

  • 代码中使用 textContent 属性获取和设置段落内容,不会保留段落内容中的 HTML 标签。
  • 代码中使用的序号格式为 “数字、中文顿号”,可以根据需要修改。
  • 代码适用于所有 <p> 标签,如果需要只为特定段落添加序号,需要使用更精确的选择器。
JS代码:为网页内容添加序号

原文地址: https://www.cveoy.top/t/topic/ngN1 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录