js在body下添加元素
时间: 2023-12-05 09:03:44 浏览: 186
可以使用JavaScript的DOM操作来在页面中添加元素。具体的步骤如下:
1. 获取要添加元素的父元素,比如body元素。
```javascript
var parentElement = document.querySelector('body');
```
2. 创建要添加的元素,比如div元素,并设置其属性或内容。
```javascript
var newElement = document.createElement('div');
newElement.innerHTML = '这是新添加的元素';
```
3. 将新创建的元素添加到父元素中。
```javascript
parentElement.appendChild(newElement);
```
完整的代码如下:
```javascript
var parentElement = document.querySelector('body');
var newElement = document.createElement('div');
newElement.innerHTML = '这是新添加的元素';
parentElement.appendChild(newElement);
```
这样就可以在body元素下添加一个新的div元素了。
相关问题
js 在 body 后面动态添加div标签
可以使用 JavaScript 中的 `createElement` 方法创建一个新的 div 元素,然后使用 `appendChild` 方法将其添加到 body 元素的末尾,代码如下:
```javascript
// 创建一个新的 div 元素
const newDiv = document.createElement('div');
// 将新的 div 元素添加到 body 元素的末尾
document.body.appendChild(newDiv);
```
你可以根据需要对新创建的 div 元素进行样式和内容的设置。例如,可以使用 `newDiv.style` 来设置 div 元素的样式,使用 `newDiv.innerHTML` 来设置 div 元素的内容。
jquery在body添加div
可以使用以下代码在页面加载时向body添加一个div元素:
```javascript
$(function() {
$('body').append('<div></div>');
});
```
这会在body的末尾添加一个空的div元素。如果需要添加内容或样式,可以在添加div元素时指定相关的属性和内容。例如:
```javascript
$(function() {
$('body').append('<div class="my-div">这是一个div元素</div>');
});
```
这会在body的末尾添加一个类名为"my-div"的div元素,并在其中添加文本"这是一个div元素"。
阅读全文