Question

我有一个算法，可以对各种组合进行排序，直到匹配给定的字符串为止。我希望此算法的结果显示为链接的innerHtml。这是我尝试过的代码，但是链接无效。

更新：我正在使用p5.js 文本出现在页面上我想要的位置，并且还在算法中运行，但是文本没有指向我想要的链接。

jsfiddle示例https://jsfiddle.net/4xn037v8/

<a id="logo" href="link.com"></a>
<script>

function setup() {
    noCanvas();
    bestPhrase = createP(document.getElementsByTagName(logo));
    bestPhrase.position(15, 20);
    bestPhrase.class("best");


    target = "link.com";

    function draw() {
      if (population.isFinished()) {
        noLoop();
      }
      displayInfo();
    }

    function displayInfo() {
      // Display current status of population
      let answer = population.getBest();
      bestPhrase.html(answer);
    }
    </script>

Answer 1

如果我理解正确，则target是一个URL，而answer可以解析为该URL，并且您希望该URL超链接。

您需要添加一个具有a属性的href元素。然后让 that 为bestPhrase而不是p元素。

因此，您可以在a函数的开始处准备setup，如下所示：

let container = createP("Best phrase:");
container.position(10,10);
container.class("best");
target = "google.com";
bestPhrase = createA("http://" + target, "");
bestPhrase.parent(container);

无需更改display函数。

请参见fiddle

将函数的结果作为链接的文本

1 个答案: