[자바스크립트] ...더보기 구현

 

 

<script>
	var source;
	window.onload = function () {
		let el = document.getElementsByClassName("article_comment")[0];
		if ( el.innerText.length > 95 )  {
			let string = el.innerText;
			source = string;

			console.log(source + ": source");
			
			string = string.substr(0, 95);
			el.innerText = string + "...";

			let tag = document.createElement('strong');
			tag.onclick = function () {
				runCommand();
			}
			tag.setAttribute("onclick", "runCommand();");
			tag.innerText = "더보기";
			el.appendChild(tag);
		}
	}

	function runCommand() {
			let el = document.getElementsByClassName("article_comment")[0];
			el.innerText = source;
	}

</script>