HTML Javascript 以字符串格式添加元素到父元素中

往父元素里以字符串的形式插入一段html元素----demo演示

html部分

<div id="container">
	<ul id="demo">
		<li>1</li>
		<li>2</li>
		<li>3</li>
	</ul>
</div>

JavaScript部分

// 首先获取你要插入的父元素
var yourbox =  document.getElementById('demo')
// 字符串的格式的html
var element = '<li>4</li>'
// element.insertAdjacentHTML(position, text);
yourbox.insertAdjacentHTML('beforeend', element)

关于position参数

'beforebegin': Before the element itself.
'afterbegin': Just inside the element, before its first child.
'beforeend': Just inside the element, after its last child.
'afterend': After the element itself.```javascript

参考文档
https://stackoverflow.com/questions/7327056/appending-html-string-to-the-dom
https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML