如何创建HTML元素并在其中进行设置？

Question

这是我的代码，效果很好：

var el = "<span class='notification_numb'>" + notif_num + "</span>";
$("#header .header_point").prepend(el);

现在，我想用另一种方式制作该元素。这是我的新代码：

var el = $('<span />').addClass('notification_numb').html(notif_num);
$("#header .header_point").prepend(el);

但是它不起作用，实际上不会创建span。知道怎么了吗？

Answer 1

var span = document.createElement('span');
span.setAttribute('class', 'notification_numb');
span.textContent = notif_num;
$("#header .header_point").prepend(span);