DOM

<h1 id="title">DOM 활용</h1>
<ul id="link">
	<li>구글</li>
	<li class="link-class" name="link-name">네이버</li>
	<li class="link-class" name="link-name">카카오</li>
</ul>

<script>
	let liTag = document.createElement("li");
	let text = document.createTextNode("라인");
	liTag.appendChild(text);

	//appendChild
	document.getElementById("link").appendChild(liTag);
</script>

<h1 id="title">DOM 활용</h1>
	<ul id="link">
		<li id="google"></li>
		<li class="link-class" name="link-name">네이버</li>
		<li class="link-class" name="link-name">카카오</li>
	</ul>

	<script>
	let linkId = document.getElementById("google");
	let link = document.createElement("a");


	//속성추가
	link.setAttribute("href", "http://www.google.com");

	// let href = document.createAttribute("href");
	// href.nodeValue = "http://www.google.com";
	// href.setAttribute(href);
	link.innerText = "구글";
	linkId.appendChild(link);
</script>