全球主机交流论坛

标题: HTML大神看看怎样给每行前面自动加上编号12345？ [打印本页]

作者: 会翻车吗 时间: 2023-6-30 17:04
标题: HTML大神看看怎样给每行前面自动加上编号12345？
(head)

(title)hello world(title)

(head)

(body)

(p)老虎(p)
(p)狮子(p)
(p)大象(p)
(p)鳄鱼(p)
(p)猫咪(p)

(body)

能不能加上一段代码，实现打开网页后后每个行动物名称签名自动显示数字号？

作者: HOH 时间: 2023-6-30 17:05
小学生都知道有个东西叫li

作者: 会翻车吗 时间: 2023-6-30 17:06

HOH 发表于 2023-6-30 17:05
小学生都知道有个东西叫li

太麻烦这样我每次用DW编辑HTML都要手动替换成LI

作者: 会翻车吗 时间: 2023-6-30 17:09
思路可能就是运行一段代码自动把P转LI

作者: 流河旱树 时间: 2023-6-30 17:11

::before

复制代码

这样行不行呢

作者: 美好范 时间: 2023-6-30 17:28
p标签外面包裹一个div
你可以使用以下原生 JavaScript 代码来自动给每个 `` 标签添加序号：

```javascript
// 获取包含所有 标签的父元素
var container = document.getElementById('mjj');

// 获取所有 标签
var paragraphs = container.getElementsByTagName('p');

// 遍历 标签并添加序号
for (var i = 0; i < paragraphs.length; i++) {
paragraphs[i].textContent = (i + 1) + '.' + paragraphs[i].textContent;
}
```

这段代码首先通过 `getElementById` 方法获取包含所有 `` 标签的父元素，并将其存储在 `container` 变量中。接下来，通过 `getElementsByTagName` 方法获取所有的 `` 标签，将它们存储在 `paragraphs` 变量中。然后，使用一个循环遍历每个 `` 标签，并使用 `textContent` 属性将序号和原始文本内容拼接起来。最后，序号和文本内容一起显示在页面上。请确保将代码放在合适的位置，以确保在 HTML 加载完成后执行该 JavaScript 代码。

作者: ooxcccc 时间: 2023-6-30 17:31
有个东西叫chatgpt，你告诉他需求就好

欢迎光临全球主机交流论坛 (https://loc.mjj8.eu.org/)