Создание гиперссылки в ячейке таблицы - PullRequest
0 голосов
/ 17 июня 2019

Я пытаюсь создать гиперссылку в ячейке таблицы, но в настоящее время гиперссылка отображается в виде текста в таблице.Глядя на консоль, я вижу, что linkElement создается правильно как:

<a href="some url">text</a>

Мой код JS

//Creating the table
var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
//creating URL elements 
linkElement = document.createElement("a");
linkElement.setAttribute("href", url);
var linkText = document.createTextNode(url);
linkElement.append(linkText);
console.log(linkElement)
cell1.innerHTML = linkElement;
cell2.innerHTML = appVersion;

Мой HTML:

<table id="myTable">
</table>

Ответы [ 2 ]

0 голосов
/ 17 июня 2019

Разобрался, используя cell1.innerHTML= '<a href="'+url+'">'+linkElement+'</a>';

0 голосов
/ 17 июня 2019

Использовать cell1.append(linkElement), cell1.innerHTML предназначено для использования при предоставлении HTML как строки, а не объекта.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...