JavaScript 添加 HTML 语句到容器的方法
在 JavaScript 中,可以通过以下几种方式将 HTML 语句添加到 HTML 容器中:
- 使用 innerHTML 属性:可以通过设置容器元素的 innerHTML 属性,将 HTML 语句直接添加到容器中。
var container = document.getElementById('container');
container.innerHTML = '<p>Hello, World!</p>';
- 使用 appendChild() 方法:可以通过创建一个新的 HTML 元素节点,然后使用 appendChild() 方法将其添加到容器中。
var container = document.getElementById('container');
var paragraph = document.createElement('p');
paragraph.innerHTML = 'Hello, World!';
container.appendChild(paragraph);
- 使用 insertAdjacentHTML() 方法:可以在指定位置插入 HTML 语句,包括 'beforebegin'(容器之前)、'afterbegin'(容器内部的开始位置)、'beforeend'(容器内部的结束位置)和 'afterend'(容器之后)。
var container = document.getElementById('container');
container.insertAdjacentHTML('beforeend', '<p>Hello, World!</p>');
以上方法可以根据需要选择适合的方式将 HTML 语句添加到 HTML 容器中。
原文地址: https://www.cveoy.top/t/topic/pMa5 著作权归作者所有。请勿转载和采集!