用js创建p标签,并赋予文本1234,添加到div标签中
时间: 2024-03-05 07:47:49 浏览: 95
可输入文字的div标签
好的,可以使用以下代码来实现:
```javascript
// 获取div标签
var div = document.querySelector('div');
// 创建p标签
var p = document.createElement('p');
// 给p标签赋值
var text = document.createTextNode('1234');
p.appendChild(text);
// 将p标签添加到div标签中
div.appendChild(p);
```
这段代码中,首先通过 `document.querySelector` 方法获取到了一个 div 标签,并将其赋值给变量 `div`。然后使用 `document.createElement` 方法创建了一个 p 标签,并将其赋值给变量 `p`。接着使用 `document.createTextNode` 方法创建了一个文本节点,并将其赋值给变量 `text`,然后将文本节点添加到 p 标签中。最后使用 `appendChild` 方法将 p 标签添加到 div 标签中。
阅读全文