Hi

문서 객체의 내부 본문

WEB(웹)/jQuery

문서 객체의 내부

SharingWorld 2018. 6. 30. 17:29

문서 객체의 내부

문서 객체의 내부 검사

자바스크립트에서 문서 객체의 innerHTML, textContent 속성과 관련됨

메서드 이름설명
html()문서 객체 내부의 글자와 관련된 모든 기능을 수행합니다(HTML 태그 인식)
text()문서 객체 내부의 글자와 관련된 모든 기능을 수행합니다. (HTML 태그 인식 X)
<body>
	<h1>Header-0</h1>
	<h1>Header-1</h1>
	<h1>Header-2</h1>
</body>

또다른 차이점은 alert()에 나오듯이, 하나가 나오느냐 여러개가 나오느냐

$(document).ready(function() {
	// 변수를 선언합니다.
	var html = $('h1').html();

	// 출력합니다.
	alert(html);  // Header-0
});
$(document).ready(function() {
	// 변수를 선언합니다.
	var text = $('h1').text();

	// 출력합니다.
	alert(text); //Header-0Header-1Header-2
});

문서 객체의 내부 추가

1. $(selector).html(value);
   $(selector).text(value);

2. $(selector).html(function(index, html) {});
   $(selector).text(function(index, text) {});

$(document).ready(function() {
	$('div').html('<h1>$().html() Method</h1>');
});
//원하는 대로 들어감.
$(document).ready(function() {
	$('div').text('<h1>$().html() Method</h1>');
});
// 특수 문자 이상하게 들어감


'WEB(웹) > jQuery' 카테고리의 다른 글

문서 객체 생성  (0) 2018.06.30
문서 객체 제거  (0) 2018.06.30
문서 객체의 스타일  (0) 2018.06.30
문서 객체의 속성  (0) 2018.06.30
문서 객체의 클래스 속성 제거  (0) 2018.06.30
'WEB(웹)/jQuery' Related Articles more