.html()

수다왕

· 8년 전 · 조회 1698 1698

.html()

설명 : 일치하는 요소 세트에서 첫 번째 요소의 HTML 내용을 가져옵니다.

이 방법은 XML 문서에서는 사용할 수 없습니다.

HTML 문서에서 .html()모든 요소의 내용을 가져 오는 데 사용할 수 있습니다. 선택기 표현식이 둘 이상의 요소와 일치하면 첫 번째 일치 항목 만 HTML 내용을 반환합니다. 다음 코드를 고려하십시오.

$( "div.demo-container" ).html();

다음 <div>내용을 검색 class="demo-container"하려면 문서에있는 첫 번째 내용이어야합니다 .
<div class="demo-container">
<div class="demo-box">Demonstration Box</div>
</div>
결과는 다음과 같습니다.
<div class="demo-box">Demonstration Box</div>
이 메서드는 브라우저의 innerHTML속성을 사용합니다 . 일부 브라우저는 원본 문서의 HTML 소스를 정확하게 복제하는 HTML을 반환하지 않을 수 있습니다. 예를 들어 Internet Explorer는 영숫자 문자 만 포함하는 경우 특성 값 주변의 따옴표를 닫는 경우가 있습니다.

추가 참고 사항 :

설계함으로써, HTML 문자열을 받아들이는 임의의 jQuery 생성자 또는 방법 - jQuery를 ()는 , 으로 .Append () , 후론 () 등 - 잠재적 코드를 실행할 수있다. 이는 스크립트 태그를 삽입하거나 코드를 실행하는 HTML 속성을 사용하여 발생할 수 있습니다 (예 :) <img onload="">. URL 쿼리 매개 변수, 쿠키 또는 양식 입력과 같이 신뢰할 수없는 출처에서 가져온 문자열을 삽입 할 때이 메서드를 사용하지 마십시오. 그렇게하면 XSS (Cross-Site-Scripting) 취약점이 발생할 수 있습니다. 문서에 내용을 추가하기 전에 사용자 입력을 제거하거나 이스케이프 처리하십시오.
예:
단락을 클릭하여 HTML에서 텍스트로 변환하십시오.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>html demo</title>
<style>
p {
margin: 8px;
font-size: 20px;
color: blue;
cursor: pointer;
}
b {
text-decoration: underline;
}
button {
cursor: pointer;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<p>
<b>Click</b> to change the <span id="tag">html</span>
</p>
<p>
to a <span id="text">text</span> node.
</p>
<p>
This <button name="nada">button</button> does nothing.
</p>

<script>
$( "p" ).click(function() {
var htmlString = $( this ).html();
$( this ).text( htmlString );
});
</script>

</body>
</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5186	PHP	PHP 로직 실행과정을 웹페이지에 런타임현시 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	940
5185	PHP	세션타임아웃기능	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	960
5184	PHP	유니큐 문자열 생성 함수를 공유해드립니다.	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	536
5183	PHP	나만의 프레임워크를 만들어 본다	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	840
5182	PHP	완벽한 UTF8 지원하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	776
5181	기타	CSS3으로 3디텍스트애니 작성하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1018
5180		Season2 // How To Force SSL On All Pages In .htaccess File	울라프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	573
5179	기타	CSS의 마우스커서 리스트 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1430
5178	PHP	PHP에서 HTML구문을 파싱하는 샘플코드	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	794
5177	JavaScript	자바스크립트로 ctrl+F기능과 유사한 웹페이지내 문자검색기능 작성 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1488
5176	PHP	PHP로 숫자캡챠 이미지 생성하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1184
5175		라이트세일 리소스 문제 알림	리오닥터 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	565
5174	기타	selenium 네이버 카페 게시판 제일 첫번째 글 선택하기 [3]	라균 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	810
5173	PHP	$_SERVER 명려어중에서... [5]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	965
5172	PHP	소스 코드가 이상하게 변질되어서 파일 기부[ No Bug 파일 완전판] [7]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1251
5171	기타	팁 다운 팁좀 씁시다. [8]	그누GPT 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1552
5170	PHP	사이트 정보(파비콘, 제목, 설명) 가져오는 함수	친절한태엽씨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1047
5169	PHP	xampp의 phpmyadmin 암호 처리 끝내기.	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1223
5168	PHP	스크립트 해킹 방어 구문 간단 셀프 작성한 것인데... 웬지 쎈 소스 [3]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1198
5167	JavaScript	지정한 범위내에서 랜덤으로 숫자출력하는 스크립트 [3]	안드류KIM 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	994
5166	MySQL	배너 노출 관련 쿼리 [4]	하얀감자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1184
5165	MySQL	이진 트리 순회... 무한 계층형 트리 [2]	스팸마요 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1250
5164	PHP	1에서 45까지 랜덤이면서 연속 숫자도 가능한 소스 [3]	하늘뚱 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1499
5163	OS	리눅스 퍼미션에 무조건. 7계열을 써야 패키지 실행된다?	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	840
5162	웹서버	phpmyadmin config.inc.php 않건드리고 사용자 생성(구닥다리정보일수도?)	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	888
5161	웹서버	REWRITE 설계도 해주는 사이트 [3]	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	972
5160	PHP	멤버십 탈퇴할때 탈퇴문구 넣기 그러나 왜 단일?	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	842
5159	PHP	글은 화면에 차고. 카테고리길어져 카테고리는 그냥 화면만큼쓰고 싶고	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	903
5158	PHP	맨 앞글자만 크게 써먹게 하기.(네이트 뉴스 서비스 사용하다 보면 이해함)	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	912
5157	PHP	technote ipage를 다르게 구현 (소스가 같으려나....)	piadream 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	941