본문 바로가기
내마음대로만들어보자/JS

replaceAll() / replaceWith() 메서드

by 소농민! 2021. 8. 21.
728x90

replaceAll() 메서드와 replaceWith() 메서드는 선택한 요소를 새 요소로 바꿀 때 사용한다.

주로 모든 요소를 한꺼번에 바꿀때 사용한다.

 

* 예제

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> 객체 조작 및 생성 </title>  
<script src="js/jquery.js"></script>
<script>
$(function( ){
$("h2").replaceWith("<h3>replace method</h3>");    //모든 <h2>요소와 <div>요소를 새 요소로 바꾼다. 
$("<p>Change</p>").replaceAll("div"); 
});
</script>
</head>
<body>
<section class="box1">
<h2>제목1</h2>
<div>내용1</div>
<div>내용2</div>
</section>
<section class="box2">
<h2>제목2</h2>    
<div>내용3</div>
<div>내용4</div>
</section>
</body>
</html>