全球主机交流论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

IP归属甄别会员请立即修改密码
查看: 698|回复: 6
打印 上一主题 下一主题

HTML大神看看 怎样给每行前面自动加上编号12345?

[复制链接]
跳转到指定楼层
1#
发表于 2023-6-30 17:04:32 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
(head)

(title)hello world(title)

(head)




(body)

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

(body)


能不能加上一段代码,实现打开网页后后每个行动物名称签名自动显示数字号?
2#
发表于 2023-6-30 17:05:19 | 只看该作者
小学生都知道有个东西叫li
3#
 楼主| 发表于 2023-6-30 17:06:57 | 只看该作者
HOH 发表于 2023-6-30 17:05
小学生都知道有个东西叫li

太麻烦 这样我每次用DW编辑HTML都要手动替换成LI
4#
 楼主| 发表于 2023-6-30 17:09:01 | 只看该作者
思路可能就是 运行一段代码 自动把P转LI
5#
发表于 2023-6-30 17:11:52 | 只看该作者
  1. ::before
复制代码

这样行不行呢
6#
发表于 2023-6-30 17:28:07 | 只看该作者
p标签外面包裹一个div
你可以使用以下原生 JavaScript 代码来自动给每个 `<p>` 标签添加序号:

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

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

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

这段代码首先通过 `getElementById` 方法获取包含所有 `<p>` 标签的父元素,并将其存储在 `container` 变量中。接下来,通过 `getElementsByTagName` 方法获取所有的 `<p>` 标签,将它们存储在 `paragraphs` 变量中。然后,使用一个循环遍历每个 `<p>` 标签,并使用 `textContent` 属性将序号和原始文本内容拼接起来。最后,序号和文本内容一起显示在页面上。请确保将代码放在合适的位置,以确保在 HTML 加载完成后执行该 JavaScript 代码。
7#
发表于 2023-6-30 17:31:31 | 只看该作者
有个东西叫chatgpt,你告诉他需求就好
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|全球主机交流论坛

GMT+8, 2025-12-23 12:21 , Processed in 0.063683 second(s), 9 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表