div写保存的代码范例
时间: 2023-12-01 19:09:53 浏览: 121
JS拖拽DIV后保存位置示例
4星 · 用户满意度95%
以下是一个简单的 div 写保存的代码范例:
HTML 代码:
```html
<div id="mydiv">这是一个 div 元素。</div>
<button onclick="saveDivContent()">保存 div 内容</button>
```
JavaScript 代码:
```javascript
function saveDivContent() {
// 获取 div 元素的内容
var divContent = document.getElementById("mydiv").innerHTML;
// 将 div 内容保存到本地存储中
localStorage.setItem("mydiv-content", divContent);
// 提示保存成功
alert("保存成功!");
}
```
上述代码中,我们通过 JavaScript 获取到 id 为 "mydiv" 的 div 元素的内容,并将其保存到本地存储中,保存时使用了 localStorage 的 setItem() 方法,其中 "mydiv-content" 是保存的键,divContent 是保存的值。最后,弹出一个提示框,提示保存成功。
阅读全文