我正在尝试将数据从firebase-database附加到Html表。但是发生了错误

Question

我正在尝试将数据从firebase-database附加到表中。但发生以下错误

未捕获的DOMException：无法在'Element'上执行'setAttribute'：'<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);

控制台日志---> John Karl Karl@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>

请帮助我解决问题。