如何从javascript在div中插入元素？

从JavaScript中在div中插入元素可以通过以下步骤实现：

1. 首先，使用JavaScript获取目标div元素。可以使用getElementById()方法通过div的id属性获取元素，或者使用querySelector()方法通过CSS选择器获取元素。
2. 创建要插入的新元素。可以使用createElement()方法创建一个新的HTML元素，例如创建一个新的段落元素可以使用document.createElement('p')。
3. 可选步骤：设置新元素的属性和内容。可以使用setAttribute()方法设置新元素的属性，例如设置一个class属性可以使用newElement.setAttribute('class', 'my-class')。可以使用innerHTML属性设置新元素的内容，例如设置新元素的文本内容可以使用newElement.innerHTML = 'Hello, World!'。
4. 将新元素插入到目标div中。可以使用appendChild()方法将新元素作为目标div的子元素插入，例如targetDiv.appendChild(newElement)。

以下是一个示例代码：

// 获取目标div元素
var targetDiv = document.getElementById('myDiv');

// 创建新元素
var newElement = document.createElement('p');

// 设置新元素的属性和内容
newElement.setAttribute('class', 'my-class');
newElement.innerHTML = 'Hello, World!';

// 将新元素插入到目标div中
targetDiv.appendChild(newElement);

这样就可以通过JavaScript在div中插入新的元素了。请注意，上述示例中的'id'和'class'仅为示意，实际使用时需要根据具体情况进行修改。