原生javascript根据class追加div内容

498 ℃
// 获取所有指定类名的元素
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);
}

盘点50个全面的正则表达式集合,从基本验证到高级匹配

JavaScript动态日历:如何用变量num精准控制月份递增?

javascript语法如何把json文件输出到html页面上

javascript语法中不等于null和空字符串的3种判断方式

javascript语法读取文本文件代码(PHP代码读取文本文件)

标签: javascript语法

上面是“原生javascript根据class追加div内容”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_15345.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
网站内容低劣对网站排名有什么影响
Python代码优化之如何避免过度优化
网站降级的一般原因是什么?
Linux Shell关系运算符简单示例介绍
wordpress搭建视频网,视频加载慢怎么解决