Javascript:요소 내용 변경: 두 판 사이의 차이

2022년 5월 23일 (월) 14:20 판

선택한 요소의 내용을 변경하는 방법.

의도	설명	방법
클래스명 변경	클래스 이름을 지정한다.	객체.className = '이름';
클래스 추가	기존에 추가	객체.className += ' 이름'; // 스페이스도 추가해 주어야 한다. 객체.classList.add('이름'); // 스페이스 필요없음.
클래스 내용 변경	기존 내용을 변경한다. 클래스 요소 중 해당 내용만 변경한다.	객체.classList.replace('변경전이름', '변경할이름'); 객체.classList.remove('삭제할이름', ...);
클래스 객체	해당 객체 자체에서 클래스를 지운다.	객체.classList.remove();

의도	설명	방법
태그 내부의 내용 변경		객체.innerHTML = '변경할 내용';

@@ 1번째 줄: / 1번째 줄: @@
 {{Javascript}}
-== 개요 ==
+==개요==
-선택한 요소의 내용을 변경하는 방법.
+선택한 요소의 내용을 변경하는 방법.<br />
-<br />
-== 방법 ==
+==방법==
-=== 클래스 관련 ===
+===클래스 관련===
 {| class="wikitable"
 !의도
@@ 35번째 줄: / 34번째 줄: @@
 </syntaxhighlight>
 |-
 |클래스 객체
 |해당 객체 자체에서 클래스를 지운다.
 |<syntaxhighlight lang="javascript">
 객체.classList.remove();
+</syntaxhighlight>
+|}
+=== 태그 내부 관련 ===
+{| class="wikitable"
+!의도
+!설명
+!방법
+|-
+|태그 내부의 내용 변경
+|
+|<syntaxhighlight lang="javascript">
+객체.innerHTML = '변경할 내용';
 </syntaxhighlight>
 |}