как добавить ссылку в столбец таблицы с помощью javascript

Question

Я хочу сделать так, чтобы я добавлял ссылку в конце каждой строки, но там написано «Щелкните здесь», а затем открывается ссылка? Я покажу вам свой код ниже, но я действительно не знаю, как это решить, я думал в течение 2 часов и ничего не придумал ...

 var childKey = childSnapshot.key;
 var childData = childSnapshot.val();

 var row = tblUsers.insertRow(rowIndex);
 var cellId = row.insertCell(0);
 var cellMovieName = row.insertCell(1);
 var cellPrice = row.insertCell(2);
 var cellLink = row.insertCell(3);

 cellId.appendChild(document.createTextNode(childKey));
 cellMovieName.appendChild(document.createTextNode(childData.Title));
 cellPrice.appendChild(document.createTextNode(childData.Price));
 cellLink.appendChild(document.createTextNode("CLICK ME" with the href attribute of childData.Title));

 rowIndex = rowIndex + 1;

Answer 1

Хорошо, я понял это ... с небольшим количеством знаний ваших парней, которые вы предоставили, я сделал решение этой проверки ниже:

 var text = document.createTextNode("This is link"); 
 var link = document.createElement('a');
 link.setAttribute('href', "https://google.com");
 link.setAttribute('html', "test");
 link.setAttribute('target', "_blank");
 link.appendChild(text);
 cellLink.appendChild(link);

 rowIndex = rowIndex + 1;

Итак, я сделал текст, добавил Он помещен в колонку, а затем добавлены атрибуты «Я ценю всех, кто мне помогает!»

Answer 2

Я думаю, вам нужно сделать это. Вы не можете добавить дочерний элемент, как это, вам нужно сделать как

var list = document.getElementById ("idhere");

var button = document.createElement ('button');

button.value = «Нажми меня»; list.appendChild (button);

Теперь вы можете добавлять атрибуты

var attribute = document.createAttribute ("id"); // Может быть класс data-id в зависимости от того, что вы хотите onclick, все, что вы хотите attribute.value = "time"; // может быть что угодно

button.setAttributeNode (attribute);

// Некоторые примеры

    var span2 = document.createElement('span');

    span2.innerText = snapshot.val().message;

    var span_2_ID = document.createAttribute("id");
    span_2_ID.value = "post";

    // Time

    var span3 = document.createElement('span');

    span3.innerText = snapshot.val().time;

    var span_3_ID = document.createAttribute("id");
    span_3_ID.value = "time";


    span1.setAttributeNode(span_1_ID);
    span2.setAttributeNode(span_2_ID);
    span3.setAttributeNode(span_3_ID);

    var break1 = document.createElement('br');
    var break2 = document.createElement('br');

Надеюсь, это вам поможет