JS DOM中字符串如何写

我们在使用js函数的时候，经常会碰到需要使用dom往html中动态插入代码，这时候我们需要插入的代码可能不只一句，这时候的处理思路一般时两种：

1、以单引号括起来每一行通过加号连接即：

<script>
		var i = 0;
		function show(obj){
			document.getElementById(obj).style.display = "block";
		}
		function hiddendiv(obj){
			document.getElementById(obj).style.display = "none";
		}
		function creatDiv(){
			var div = document.getElementById("content");
			div.innerHTML += '<div class="content-div">'+
				'<img width=22 height=20 style="margin-left: 159px;position: absolute;" src = "images/select.png"/>'+
				'<div class="content-div-div">'+
				'<img class="content-div-div-img" src="https://assets.processon.com/chart_image/thumb/5b6d4053e4b053a09c2e8847.png"/>'+
				'</div>'+
				'</div>';
		}
</script>

2、使用“`”符号直接放字符串

<script>
		var i = 0;
		function show(obj){
			document.getElementById(obj).style.display = "block";
		}
		function hiddendiv(obj){
			document.getElementById(obj).style.display = "none";
		}
		function creatDiv(){
			var div = document.getElementById("content");
			div.innerHTML += '<div class="content-div">
				<img width=22 height=20 style="margin-left: 159px;position: absolute;" src = "images/select.png"/>
				<div class="content-div-div">
				<img class="content-div-div-img" src="https://assets.processon.com/chart_image/thumb/5b6d4053e4b053a09c2e8847.png"/>
				</div>
				</div>`;
		}
</script>