JS给DOM添加元素

最新推荐文章于 2024-03-26 19:12:25 发布

茶一蛊

最新推荐文章于 2024-03-26 19:12:25 发布

阅读量707

点赞数 9

文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/qq_26905813/article/details/135677497

版权

本文介绍了如何在JavaScript中通过getElementById获取DOM元素并动态创建新的元素（如div），然后将其插入目标元素之前或之后的操作过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js向DOM添加元素的代码，做个记录

	// 获取要操作的目标元素
	document.getElementById('1').innerHTML = '新的内容';

	// // 创建新的DOM元素
	var newElement = document.createElement('div'); // 这里以创建<div>为例
	newElement.innerHTML = '新的内容'; // 设置新元素的HTML内容
	// 将新元素添加到目标元素之前或之后（根据需求选择）
	targetElement.parentNode.appendChild(newElement, targetElement); // 在目标元素之前插入新元素