1.在 HTML 页面中有一个 id 为 “content” 的 div 元素,使用 JavaScript 通过 id 查找该元素,将其内部文本内容修改为 “这是修改后的内容”,并通过alert函数将修改前的内容显示在弹出框中。
时间: 2024-12-15 19:26:22 浏览: 11
JavaScript实现添加、查找、删除元素
你可以使用JavaScript的`document.getElementById()`方法来查找id为"content"的div元素,然后修改其文本内容。以下是实现此操作的代码:
```javascript
// 获取id为 "content" 的div元素
var contentElement = document.getElementById('content');
// 检查元素是否存在
if (contentElement) {
// 获取当前内容
var originalContent = contentElement.textContent;
// 修改内容
contentElement.textContent = "这是修改后的内容";
// 显示修改前的内容
alert("原始内容: " + originalContent);
} else {
alert("无法找到id为 'content' 的元素");
}
```
这段代码首先通过`getElementById`找到了id为"content"的元素,如果找到则获取当前内容并将其替换为新的内容,最后用`alert`显示原内容。
阅读全文