Problem with dynamic element creation

Question

I am developing an application that uses a lot of Jquery, since there are several very specific functions.

But for reasons of customization and optimization, I managed with the mix of some researches to create "my own lib" in a very simplistic way, nothing great, just in order to perform functions in the front end that style the site from a pattern of its own. The link to a part of it is here on github.

And created the function .newElement(), that in the case below works perfectly.

var div = M('div');
div.css({
  width: '100px',
  padding: '10px',
  background: "#333"
})

var a = div.newElement('a');
a.css({
  color: 'white'  
})
a.html('Exemplo')
a.attrs({
  href: "https://jsfiddle.net/",
  target: "_blank"
})

<script src="https://rawgit.com/samirbraga/libM/master/mlib.js"></script>
<div></div>

But when I try to raise more than one child to the same element, I have a problem:

var div = M('div');
div.css({
  width: '100px',
  padding: '10px',
  background: "#333"
})

var a = div.newElement('a');
a.css({
  color: 'white'  
})
a.html('Exemplo')
a.attrs({
  href: "https://jsfiddle.net/",
  target: "_blank"
})

var p = div.newElement('p');
p.html('Texto que não deveria ser adicionado ao link')

<script src="https://rawgit.com/samirbraga/libM/master/mlib.js"></script>
<div></div>

The new child, which by code should be added to the same element, is added to the child. In this case div > a > p, what should be div > a, p.

The strange thing is that if I don’t pass the element I want to add to a variable div = M('div') and instead use M('div').newElement('p'), works.

I don’t know what’s causing it.

The code of the function newElement():

newElement: function(element){
  var _newElement;
  each(self.myArg, function(el, i) {
    _newElement = document.createElement(element)
    el.appendChild(_newElement);
  })
  return M(_newElement)
},

From now on, thank you.