Javascript：如何创建具有 id 类和 id 的元素，这是一些变量？答案

【问题标题】：Javascript: How do I create element with id class and id which is some variable?Javascript：如何创建具有 id 类和 id 的元素，这是一些变量？
【发布时间】：2022-02-01 03:32:14
【问题描述】：

Javascript：如何创建具有 id 类和 id 的元素，这是一些变量？我没有给出 ID 作为某个值，但 ID 等于某个变量

【问题讨论】：

你想<a class="VariableName"></a>或<a class="VariableValue"></a>？
欢迎来到 Stack Overflow！如果您还没有，请使用tour（您将获得徽章！），四处看看，并通读help center，尤其是How do I ask a good question? 我还推荐Jon Skeet 的Writing the Perfect Question 和Question Checklist .
我觉得这个问题令人困惑。你想做
吗？如果是这样，它只是

标签： javascript html dom

【解决方案1】：

let id="theID", cls="MyClass"; // these are the "variables" ...

const div = document.createElement("div");
div.id=id; div.className=cls;div.textContent="This is the new div."
console.log(div.outerHTML);  // preview of the created markup
document.body.append(div)

【讨论】：

【解决方案2】：

检查 DOM Manipulation of JavaScript 方法：

document.createElement('tag or div');

document.querySelector('id or class');

document.querySelector('id or class').appendChild(htmlElement);

【讨论】：