Question

我正在使用以下Javascript代码，以便通过扩展程序从当前网页中提取信息。我只发布了部分和相关的代码，因为所有代码都很长，此代码没有问题，我在当前页面的输出中获得了公司名称，没有任何问题。现在，我需要输出相同的文本作为链接“”，以便我可以单击它并打开链接到该文本的网页。我想我应该更改element.appendChild（organ）;但我不知道如何建立链接。您介意给我一些建议吗？如果需要，请询问更多详细信息。预先非常感谢。

var enrollmentField = $('input[class="inputField-textBox"]');

var getOrg = $(enrollmentField[0]).val();
var newOrg = "<span class='greyc'>" + getOrg + "</span>";

var organ = document.createTextNode("Organization: "); element.appendChild(organ);

document.getElementById("myList").appendChild(organ); $(newOrg).appendTo('#myList');

Answer 1

const orgInput = document.getElementById('organisation'),
a = document.getElementById('a');

function setA(){
  a.innerText = orgInput.value;
  a.href = orgInput.value;
}

<input type="text" id="organisation">
<input type="button" onclick="setA()" value="create"/>
<a id="a"></a>

Answer 2

您可以使用以下内容：

let a = document.createElement('a');
let anchorText = document.createTextNode("Organization name");
a.appendChild(anchorText);
a.title = "Open organization webpage";
a.href = "http://example.com";
document.body.appendChild(a);

Answer 3

我可以这样解决并工作：

orglink = "<a href='" + webSite + "' target='_blank'>" + newOrg + "</a>";

非常感谢您的帮助。

如何使用element.appendChild

3 个答案: