JavaScript是一种强大的脚本语言，可以用来添加、删除和修改网页元素。其中，添加子元素到父元素中是一个常见的操作。JavaScript提供了两种方法来添加子元素到父元素中，分别是appendChild()和insertBefore()函数。
1.appendChild()函数
appendChild()函数用于将新元素添加到父元素的末尾。它有两个参数，第一个参数是要添加的子元素，第二个参数是父元素。下面是一个使用appendChild()函数添加子元素到父元素的示例代码：

// 创建一个新元素
var newElement = document.createElement("div");

// 将新元素添加到父元素中
parentElement.appendChild(newElement);

2.insertBefore()函数
insertBefore()函数用于将新元素添加到父元素的指定位置。它有三个参数，第一个参数是要添加的子元素，第二个参数是父元素，第三个参数是指定的位置。下面是一个使用insertBefore()函数添加子元素到父元素的示例代码：

// 创建一个新元素
var newElement = document.createElement("div");

// 将新元素添加到父元素中
parentElement.insertBefore(newElement, referenceElement);

以上就是使用JavaScript添加子元素到父元素中的方法和示例代码。通过使用这两种方法，可以轻松地将新元素添加到父元素中。