原生javascript根据class追加div内容

// 获取所有指定类名的元素 var elements = document.querySelectorAll

// 获取所有指定类名的元素
var elements = document.querySelectorAll('.main');

// 遍历每个元素
for (var i = 0; i < elements.length; i++) {
  var newDiv = document.createElement('div');
  
  //如果是文本用textContent
  newDiv.textContent = '要添加的内容'; 
  
  // 如果是html标签用innerHTML
  newDiv.innerHTML = '<div><ul><li>1、</li><li>2、</li></ul></div>';
  
  //将新 div 作为当前元素的最后一个子节点
  elements[i].appendChild(newDiv);
}

相关文章