js 动态添加标签元素并赋值

最新推荐文章于 2022-11-23 10:26:51 发布

aspirant-complete

最新推荐文章于 2022-11-23 10:26:51 发布

阅读量3.5k

点赞数

分类专栏： js html 文章标签： javascript 前端

本文链接：https://blog.csdn.net/god_sword_/article/details/121021773

版权

JavaScript DOM操作动态创建元素样式设置对象数组遍历

关键词由CSDN通过智能技术生成

js html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

    // 1. 获取元素
    var sstq = document.getElementById("sstq24r");
    // 2. parmar是一对象数组
    parmar.forEach(function (item) {
        //创建子节点
        var h3 = document.createElement("h3");
        // 设置标签元素的样式颜色
        h3.style.color = "#FFFFFF";
        // 设置标签元素的内容属性。innerText属性会将所有值解释文本格式
        h3.innerText = "&#12288;&#12288;&#12288;&#12288;时间："+item.hour
        //将创建好的子节点加入父级节点
        sstq.appendChild(h3);
        var h4 = document.createElement("h3");
        // 设置标签元素的样式颜色
        h4.style.color = "#FFFFFF";
        //设置标签元素的内容属性。innerHTML属性可以识别html的符号代码
        h4.innerHTML = "&#12288;空气质量："+item.listValue
        sstq.appendChild(h4);
        var br = document.createElement("br");
        sstq.appendChild(br);
    })