在 JavaScript 中，可以使用 innerHTML 属性向 HTML 文档中添加 HTML 代码。具体步骤如下：获取要添加代码的元素，如：const myElement = document.getElementById("my-element");使用 myElement.innerHTML = "<p>新添加的段落</p>"; 向元素添加代码。
在 JavaScript 中，可以使用 innerHTML 属性向 HTML 文档中添加代码。
innerHTML 属性获取或设置元素的 HTML 内容。要向元素添加 HTML 代码，请使用以下步骤：
document.getElementById() 或 document.querySelector() 方法获取元素。例如：<code class="javascript">const myElement = document.getElementById("my-element");</code>innerHTML 属性向元素添加代码：将要添加的 HTML 代码分配给 innerHTML 属性。例如：<code class="javascript">myElement.innerHTML = "<p>新添加的段落</p>";</code>
以下示例展示了如何向 HTML 页面添加一个段落：
<code class="javascript">const myParagraph = document.createElement("p");
myParagraph.innerHTML = "新添加的段落";
document.body.appendChild(myParagraph);</code>innerHTML 属性会覆盖元素中的所有现有 HTML 代码。createElement() 和 appendChild() 方法以编程方式创建和添加 HTML 元素。以上就是js如何添加html代码的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
233
收藏
