创建div并设置style属性
时间: 2023-05-14 07:05:35 浏览: 376
好的,以下是创建div并设置style属性的代码:
```javascript
var div = document.createElement("div");
div.style.width = "100px";
div.style.height = "100px";
div.style.backgroundColor = "red";
```
这段代码可以创建一个宽高为100px的红色div元素。
相关问题
js创建div并设置div宽度
可以使用以下代码来创建一个 div 元素,并设置它的宽度:
```javascript
var div = document.createElement("div");
div.style.width = "300px"; // 设置宽度为 300 像素
document.body.appendChild(div);
```
这里使用了 `createElement` 方法来创建一个 div 元素,然后设置了 `width` 样式属性为 `300px`,以设置 div 元素的宽度。最后,使用 `appendChild` 方法将 div 元素添加到文档的 body 元素中。你可以通过修改 `width` 属性的值来设置 div 元素的宽度。
js创建div并设置div换行
可以使用以下代码来创建一个 div 元素,并设置它在新行显示:
```javascript
var div = document.createElement("div");
div.style.clear = "both"; // 设置清除浮动
document.body.appendChild(div);
```
这里使用了 `createElement` 方法来创建一个 div 元素,然后设置了 `clear` 样式属性为 `both`,以确保 div 元素在新行显示。最后,使用 `appendChild` 方法将 div 元素添加到文档的 body 元素中。