找回密码
 立即注册
查看: 100|回复: 5

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

[复制链接]

1964

主题

0

回帖

1964

积分

金牌会员

积分
1964
发表于 2023-6-30 16:57:09 | 显示全部楼层 |阅读模式
(head)

(title)hello world(title)

(head)




(body)

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

(body)


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

使用道具 举报

0

主题

1021

回帖

0

积分

新手上路

积分
0
发表于 2023-6-30 17:02:56 | 显示全部楼层
小学生都知道有个东西叫li
回复 支持 反对

使用道具 举报

0

主题

1029

回帖

0

积分

新手上路

积分
0
发表于 2023-6-30 17:11:27 | 显示全部楼层
太麻烦 这样我每次用DW编辑HTML都要手动替换成LI
回复 支持 反对

使用道具 举报

0

主题

949

回帖

0

积分

新手上路

积分
0
发表于 2023-6-30 17:21:05 | 显示全部楼层
思路可能就是 运行一段代码 自动把P转LI
回复 支持 反对

使用道具 举报

0

主题

1008

回帖

0

积分

新手上路

积分
0
发表于 2023-6-30 17:26:26 | 显示全部楼层
  1. ::before
复制代码
这样行不行呢
回复 支持 反对

使用道具 举报

0

主题

982

回帖

0

积分

新手上路

积分
0
发表于 2023-6-30 17:29:05 | 显示全部楼层
p标签外面包裹一个div
你可以使用以下原生 JavaScript 代码来自动给每个 `<p>` 标签添加序号:

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

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

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

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

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|翻墙党

GMT+8, 2026-9-27 06:13 , Processed in 0.071399 second(s), 23 queries .

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

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