js根据id 获取html并修改
时间: 2024-03-02 20:48:00 浏览: 22
如果想要获取指定元素的 HTML 代码,并修改该代码后再重新设置该元素的 HTML 内容,可以先使用 `document.getElementById()` 方法获取该元素的引用,然后使用该元素对象的 `innerHTML` 属性获取和设置该元素的 HTML 内容。以下是一个示例代码:
```javascript
const elementId = 'example'; // 替换成你要获取和修改的元素 ID
const element = document.getElementById(elementId);
if (element) {
const html = element.innerHTML; // 获取元素的 HTML 代码
const modifiedHtml = html.replace('old text', 'new text'); // 修改 HTML 代码
element.innerHTML = modifiedHtml; // 设置元素的 HTML 内容
}
```
该代码首先使用 `document.getElementById()` 方法获取指定 ID 的元素对象,然后使用该元素对象的 `innerHTML` 属性获取该元素的 HTML 代码。如果元素存在,就可以对 HTML 代码进行修改,例如使用 `replace()` 方法将其中的一些文本替换成新的文本。最后,使用该元素对象的 `innerHTML` 属性设置修改后的 HTML 内容。需要注意的是,如果指定的 ID 不存在,`getElementById()` 方法会返回 `null`,因此需要对返回值进行检查。