时间戳

首页 > 解决方案 > 添加到存储为 JavaScript 变量的 HTML 字符串中的类

javascript - 添加到存储为 JavaScript 变量的 HTML 字符串中的类

问题描述

我的 js 代码中有一个 HTML 字符串作为 JavaScript 变量存储：

myHTML= `<div id="type1-div"><p id="type1-lbl"> </p>\
                    <img id="type1-img" class="center stim" src="${myFolder}/photo${n}.png"></div>\
                    <div id="type2-div"><p id="type2-lbl"> </p>\
                    <img id = "type2-img" class="center stim" src="${myFolder}/photo${m}.png"</div>`;

然后我想根据某些条件将这些元素添加到类中，并根据它们的 id 更改它们的一些内容。例如，这些都不起作用，因为（我认为？）myHTML 还不是 HTML 文档的一部分。

document.getElementById("type1-div").classList.add("top");
document.getElementById(id).innerHTML = "TOP PARAGRAPH"

所需输出的示例是 myHTML 现在是：

 `<div id="type1-div" class="top"><p id="type1-lbl">TOP PARAGRAPH</p>\
                        <img id="type1-img" class="center stim" src="${myFolder}/photo${n}.png"></div>\
                        <div id="type2-div" class="bottom"><p id="type2-lbl">BOTTOM PARAGRAPH </p>\
                        <img id = "type2-img" class="center stim" src="${myFolder}/photo${m}.png"</div>`;

关于如何实现这一目标的任何想法？谢谢！

标签： javascripthtmlgetelementbyid

解决方案

推荐阅读