PHP前端开发

js innerhtml怎么用

百变鹏仔 2个月前 (10-14) #JavaScript
文章标签 js
innerhtml 是 dom 中用于获取或设置 html 元素内部 html 代码的属性。用法为:1. 获取元素的 innerhtml:element.innerhtml;2. 设置元素的 innerhtml:element.innerhtml = newhtml。

innerHTML 的用法

什么是 innerHTML

innerHTML 是 DOM(文档对象模型)中的一个属性,它用于获取或设置 HTML 元素内部的 HTML 代码。

用法

立即学习“前端免费学习笔记(深入)”;

获取元素的 innerHTML:

const innerHTML = element.innerHTML;

设置元素的 innerHTML:

element.innerHTML = newHTML;

其中:

示例

获取某个段落元素的 innerHTML:

const paragraph = document.querySelector("p");const innerHTML = paragraph.innerHTML;

设置某个 div 元素的 innerHTML:

const div = document.getElementById("myDiv");div.innerHTML = "<p>Hello World!</p>";

注意