function怎么封装div的代码并更改id
时间: 2024-05-16 18:12:35 浏览: 67
js实现的八点拖动修改div大小的代码
你可以使用一个函数来封装这个操作。下面是一个示例代码:
```javascript
function createDiv(newId) {
// 创建新的 div 元素
var div = document.createElement("div");
// 设置新的 id
div.setAttribute("id", newId);
// 返回新的 div 元素
return div;
}
// 调用函数创建新的 div 元素并更改 id
var newDiv = createDiv("newId");
```
在这个示例中,`createDiv` 函数接收一个参数 `newId`,用于设置新的 `div` 元素的 `id` 属性。函数内部使用 `document.createElement` 方法创建新的 `div` 元素,并使用 `setAttribute` 方法设置 `id` 属性。最后,函数返回新创建的 `div` 元素。
调用函数时,将新的 `id` 作为参数传递给函数,就可以得到一个新的带有指定 `id` 的 `div` 元素。
阅读全文