用于在 id 为 stage 的 div 下添加 p 标签。 2)p 标签的 className 为 "p",内容为连续的数字,即:1、2、3……n 。
时间: 2024-09-14 17:14:31 浏览: 26
要在一个具有特定id(比如`stage`)的div元素下添加p标签,并且为这些p标签设置class名为"p",同时让p标签的内容是连续的数字(1、2、3……n),可以使用JavaScript和HTML来实现这个需求。以下是一个简单的示例代码:
HTML部分:
```html
<div id="stage"></div>
```
JavaScript部分:
```javascript
// 假设我们要添加的数字数量为n
var n = 5; // 你可以根据需要修改这个数字
var stage = document.getElementById('stage');
for (var i = 1; i <= n; i++) {
// 创建p标签
var p = document.createElement('p');
// 设置p标签的class为'p'
p.className = 'p';
// 设置p标签的内容为连续的数字
p.textContent = i;
// 将p标签添加到id为'stage'的div元素中
stage.appendChild(p);
}
```
这段代码首先获取了id为`stage`的div元素,然后通过一个循环创建了n个p标签,每个p标签都有一个class属性值为"p",并且它们的内容是循环中的当前数字。最后,每个p标签都被添加到id为`stage`的div元素中。
阅读全文