快速提问。 JavaScript。我用 createElement 添加了一个 link,但它是不可见的

Quick Question. JavaScript. I added a link with createElement, but it's invisible

我试图用 JScript 代码添加一个元素,我给了它 href 和 title 属性...但是 link 在页面上是不可见的(如果我检查浏览器元素,它会突出显示一个空的 space 上面写着“a 0x17”。它有什么问题?我应该怎么做才能让它可见?

    const a = document.createElement('a');
    const b = document.querySelector('body');
    
    a.setAttribute("href", "https://en.wikipedia.org/wiki/Kola_Superdeep_Borehole")
    a.setAttribute("title", "Blah-blah");
    b.appendChild(a);

如果我写 a.textContent("...") 它是可见的,但它只是一个文本,而不是 link。当我给它 href 属性时,它就变得不可见了。

0x17是window中元素的大小。这里发生的是你的 link 元素没有内容(在 <a></a> 标签之间。它需要显示任何内容:

const a = document.createElement('a');
const b = document.querySelector('body');
a.innerHTML = 'Link content';
a.setAttribute("href", "https://en.wikipedia.org/wiki/Kola_Superdeep_Borehole")
a.setAttribute("title", "Blah-blah");
b.appendChild(a);