另一方面，js原始代码的方法和属性1、appendChild ()和createElement ) ) vartab=document.query selector (' # container ' )； varp=document.createelement('p )； //p标签tab.appendchild(p； //添加到最后只创建标签，不添加内容，不创建字符串类型的html标签
这也供参考： https://developer.Mozilla.org/zh-cn/docs/web/API/node/appendchild
2、insertAdjacentHTML () vartab=document.query selector (' # container ' )； VAR=' Div你好！ /div '； //字符串类型tab.insertadjacenthtml (before end )、div )； 插入//元素中的最后一个子节点后，可以创建包含若干参数的字符串类型的html标记。
“‘beforebegin”:元素本身之前。
“‘afterbegin”:在插入元素中的第一个子节点之前。
“‘beforeend”:插入在元素内部的最后一个子节点之后。
“‘afterend”:元素本身的后面。
这也可作为参考： https://developer.Mozilla.org/zh-cn/docs/web/API/element/insertadjacenthtml
3、insertAdjacentElement () vartab=document.queryselector ) ' #container ' )； var div=document.createelement (' div )； //html标记tab.insertadjacentelement (' before end '，div； //'beforeend ' :插入到元素内部的最后一个子节点之后。 只能创建标签，不能添加内容。 不能创建字符串类型的html标记
“‘beforebegin”:元素本身之前。
“‘afterbegin”:在插入元素中的第一个子节点之前。
“‘beforeend”:插入在元素内部的最后一个子节点之后。
“‘afterend”:元素本身的后面。
这也可作为参考： https://developer.Mozilla.org/zh-cn/docs/web/API/element/insertadjacentelement
4、innerHTML属性vartab=document.query selector (' # container ' )； tab.innerHTML='p你好！ /p '； 可以创建字符串类型的html标记。
这也可作为参考： https://developer.Mozilla.org/zh-cn/docs/web/API/element/innerhtml
二jQuery的方法和属性1，append (() $ ) #container ) ).append ) ' p你好！ /p '； 可以创建字符串类型的html标记。
还有其他类似的方法：
append(-在选定元素内部的末尾插入内容
prepend(-在选定元素内部的开头插入内容
after(-在选定元素之后插入内容
before(-在选定元素之前插入内容
也请参考这个。 https://www.w3school.com.cn/jquery/jquery _ DOM _ add.ASP
2、html () $(#container ) ).html ) ' p你好！ /p '； 可以创建字符串类型的html标记。
这也供参考： https://www.w3school.com.cn/jquery/manipulation _ html.ASP
也许以后学过再补充
本文只用于个人学习和记录