study/text.html at master · Sunday9787/study · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<p>aaddddagjaa</p>
	<script type="text/javascript">
		var str = 'aaddddagjaa';
		for(let i = 0; i < str.length; i++) {
			//aaddddagjaa
		}
	</script>
	<a id="btn" href="javascript:;">点击追加元素</a>
	<script type="text/javascript">
		var btn = document.querySelector('#btn');

		btn.addEventListener('click',function(){
			var html = document.createDocumentFragment();
			var p = document.createElement('p');
			p.innerHTML = '<p><a href="javascript:;" onClick="get(this)">点击获取id</a></p>';
			html.appendChild(p);
			console.log(html.append)
			document.body.appendChild(html)
		},false)

		function get(obj) {
			console.log(obj)
		}
	</script>
</body>
</html>