如何使用 element.appendChild 创建链接答案

【问题标题】：how can I create a link with element.appendChild如何使用 element.appendChild 创建链接
【发布时间】：2019-02-28 23:17:17
【问题描述】：

我正在使用以下 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');

【问题讨论】：

什么是element
即：var element = document.createElement("p");

标签： javascript hyperlink href appendchild

【解决方案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>

【讨论】：

【解决方案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);

【讨论】：

【解决方案3】：

我可以通过这种方式解决并工作：

orglink = "&lt;a href='" + webSite + "' target='_blank'&gt;" + newOrg + "&lt;/a&gt;";

非常感谢你们的帮助。

【讨论】：