我从中得到的输出是suscribe herenoobie。我正在尝试在 h1
let myElement = document.createElement("h1");
let myAttribute = document.createElement("a");
myAttribute.innerText = "noobie";
myElement.innerText = `suscribe ${myAttribute} here`;
myAttribute.classList.add("decoration");
myAttribute.setAttribute("href", "www.peo.com");
myElement.appendChild(myAttribute);
document.body.appendChild(myElement);
【问题讨论】：
标签： javascript html
您试图在这里混合一些概念。
添加 DOM 节点的常规方法（即您使用 document.createElement 创建到 DOM 的方法是附加 appendChild。
另一方面，通过使用innerText，您只是为一个元素设置text 值。你不能简单地在里面添加另一个 DOM 元素，比如 ${myAttribute}。这就是为什么你在两者之间看不到它。
有一些方法可以解决这个问题。
1）如果您只需要使用节点，请一直使用 DOM 节点并创建文本节点。对于您的示例，您可以为文本和锚节点创建 2 个文本节点，并以正确的顺序将它们全部添加到 h1，如下所示：
let myElement = document.createElement("h1");
let textNode1 = document.createTextNode("subscribe ");
let textNode2 = document.createTextNode(" here");
let myAttribute = document.createElement("a");
myAttribute.innerText = "noobie";
myAttribute.classList.add("decoration");
myAttribute.setAttribute("href", "www.peo.com");
myElement.appendChild(textNode1);
myElement.appendChild(myAttribute);
myElement.appendChild(textNode2);
document.body.appendChild(myElement);
2) 通过innerHTML 添加整个h1 内容，您可以在其中设置HTML 值。现在没有直接的方法将 DOM 节点转换为 HTML，因此您应该直接编写 HTML 而不是从中创建 DOM 节点（请参阅下文了解如何从 DOM 节点创建 HTML）。我不知道您的具体用例以确定您的首选选项：
let myElement = document.createElement("h1");
myElement.innerHTML = `suscribe <a href="www.peo.com" class="decoration">noobie</a> here`;
document.body.appendChild(myElement);
见https://www.w3schools.com/jsref/prop_html_innerhtml.asp
如果您不想或不能这样编写 HTML，您可以通过将其包装在另一个元素中然后获取该包装节点的 innerHTML 来获取您的 DOM 节点的 HTML。您可以在以下答案中看到如何做到这一点：
How to get the HTML for a DOM element in javascript
这样您仍然可以通过createElement 创建链接，但您不需要为文本创建文本节点。
这真的取决于你的情况，什么是最适合你的选择。
【讨论】：
let myElement = document.createElement("h1");
let myAttribute = document.createElement("a");
let gebruikersnaam = 'noobie'
myAttribute.innerText = `suscribe here ${gebruikersnaam}`;
myAttribute.classList.add("decoration");
myAttribute.setAttribute("href", "www.peo.com");
myElement.appendChild(myAttribute);
document.body.appendChild(myElement);【讨论】：
您可以使用myAttribute.innerHtml="<a href="...">....</a>
您可以在此处找到更多 W3 学校的内部 html 示例： https://www.w3schools.com/jsref/prop_html_innerhtml.asp
【讨论】：