JS代码:为网页内容添加序号
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>标签,如果需要只为特定段落添加序号,需要使用更精确的选择器。
原文地址: https://www.cveoy.top/t/topic/ngN1 著作权归作者所有。请勿转载和采集!