유블로그

[JavaScript] .innerHTML 로 내용 확인하고 변경하기 본문

JavaScript & jQuery

[JavaScript] .innerHTML 로 내용 확인하고 변경하기

yujeong kang 2020. 9. 12. 11:51 
<body>
	<div align="center">
		<div id="div1">초기 화면</div>
	</div>

	<script type="text/javascript">
		console.log(document.getElementById("div1").innerHTML);	// 초기화면
		var divEl = document.getElementById("div1");
		divEl.innerHTML = '<font color="magenta" size="15">변경</font>';
		console.log(document.getElementById("div1").innerHTML);	//<font color="magenta" size="15">변경</font>
	</script>
</body>

+ document.getElementById("div1").style.color = "orange"; 

이런 식으로 간단하게 style 을 줄 수도 있다.

저작자표시 비영리 변경금지

'JavaScript & jQuery' 카테고리의 다른 글

[JavaScript] 다양한 이벤트 처리 방식  (0) 2020.09.12
[JavaScript] 이벤트 종류  (0) 2020.09.12
[JavaScript] document.~ 으로 element 찾고 변경하기  (0) 2020.09.12
[JavaScript] Web Browser 와 Window 객체  (0) 2020.09.12
[JavaScript] focus 이벤트와 blur 이벤트, input 값 체크하기  (0) 2020.09.11
'JavaScript & jQuery' Related Articles more