innerHTML 实现传参
时间: 2023-08-12 20:01:24 浏览: 45
使用 `innerHTML` 属性可以将传入的参数作为 HTML 内容插入到指定元素中。以下是一个示例代码,演示如何使用 `innerHTML` 实现传参:
```javascript
function updateElementContent(elementId, content) {
var element = document.getElementById(elementId);
if (element) {
element.innerHTML = content;
}
}
var myElementId = "exampleElement";
var myContent = "<p>Hello, World!</p>";
updateElementContent(myElementId, myContent);
```
在上述代码中,`updateElementContent` 函数接受两个参数:`elementId` 表示要更新内容的元素的id,`content` 表示要插入的 HTML 内容。在函数内部,通过 `getElementById` 方法获取到指定id的元素,并将 `content` 赋值给 `innerHTML` 属性,这样就可以将传入的参数作为 HTML 内容插入到指定元素中。
在这个示例中,我们将 `<p>Hello, World!</p>` 作为参数传递给 `updateElementContent` 函数,然后将其作为内容插入了具有 `exampleElement` id 的元素。
希望这个示例对你有帮助!如果你还有其他问题,请随时提问。