Question

我有这个代码使用jQuery，但是如何在不使用jQuery的情况下获得相同的功能？

Sk.domOutput = function(html) {
    return jQuery('body').append(html).children().last();
};

您会找到整个代码：https://plnkr.co/edit/93BU7m0A5qGJlosD8QQX?p=preview

Answer 1

假设html是HTML字符串，您可以使用：

使用HTMLElement创建新的createElement()：
```
let el = document.createElement('div');`
```
然后通过更改div属性在innerHTML中添加html：
```
el.innerHTML = html;
```
此时，您的HTML已包含在div标记内。
将创建元素的第一个子元素附加到文档的body，仅附加到div的内部：
```
document.querySelector('body').appendChild(el.firstChild)
```
最后，返回新添加的元素：
```
return el
```

所以最终的代码是：

Sk.domOutput = function(html) {
   let el = document.createElement('div');
   el.innerHTML = html;
   document.querySelector('body').appendChild(el.firstChild)
   return el
};

如何附加一个元素，然后获取没有jQuery的最后一个子元素

1 个答案: