如何将jQuery的$('<div/>')元素创建语法转换为纯原生JavaScript代码

你给出的jQuery代码的原生实现如下：

// 获取body容器，对应$('body')
const container = document.body;

// 创建div元素，对应$('<div/>')
const cursor = document.createElement('div');
// 为元素添加cursor类名，对应addClass('cursor')
cursor.classList.add('cursor');
// 设置元素内部HTML内容，对应html('<svg/></svg>')
cursor.innerHTML = '<svg></svg>';
// 将元素追加到容器末尾，对应appendTo(container)
container.appendChild(cursor);

语法对应说明 #

• jQuery中$('<标签名/>')用来创建新DOM元素的写法，对应的原生JS标准API为document.createElement('标签名')，调用后直接返回原生DOM节点，和你打印jQuery对象中索引为0的元素是同一个对象。
• 如果你需要实现接近jQuery的链式调用风格，可以自行封装工具函数，上述代码是最通用的无依赖原生实现。

内容的提问来源于stack exchange，提问作者Bawazier