Я пытаюсь добавить данные из базы данных firebase в таблицу Html. Но произошла ошибка

Question

Я пытаюсь добавить данные из базы данных firebase в таблицу. Но ниже произошла ошибка

Uncaught DOMException: не удалось выполнить 'setAttribute' для 'Element': '<td>John Karl</td>' не является допустимым именем атрибута

Я пытаюсь исключить приведенный ниже фрагмент кода, а журнал консоли показан ниже.

//        var appendingTo = document.getElementById("userlist");
//        var tr = document.createElement('tr');
//        tr.setAttribute("<td>" + userName + "</td>" , "<td>" + userEmail + "</td>");
//        appendingTo.appendChild(tr);

консольный журнал ---> Джон Карл Карл@gmail.com

Вот полный сценарий.

var dbRefUsers = firebase.database().ref().child('Web App').child('Users');

  dbRefUsers.on('value', gotData, errData); 

 function gotData(data){

    var users = data.val();
    var keys = Object.keys(users)



    for (var i = 0; i < keys.length; i++){
        var k = keys[i];

        var userName = users[k].Name;
        var userEmail = users[k].Email;


    console.log(userName, userEmail);


    var appendingTo = document.getElementById("userlist");
    var tr = document.createElement('tr');
    tr.setAttribute("<td>" + userName + "</td>" , "<td>" + userEmail + "</td>");
    appendingTo.appendChild(tr);

    }
 }

Вот таблица HTML.

<table>
                <thead >
                  <tr>
                    <th scope="col">Name</th>
                    <th scope="col">Email</th>

                  </tr>
                </thead>
                <tbody id="userlist" >

                </tbody>
              </table>

Пожалуйста, помогите с моей заботой.