예
최초의 텍스트 내용 가져 오기 <button> 문서의 요소를 :
var x =
document.getElementsByTagName("BUTTON")[0].textContent;X의 결과는 다음과 같습니다
Try it Yourself »
»그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
는 TextContent 속성을 설정하거나 지정된 노드의 텍스트 내용을 반환하고, 모든 자손.
당신이하는 TextContent 속성을 설정하면 자식 노드를 제거하고 지정된 문자열을 포함하는 단일 텍스트 노드로 대체됩니다.
팁 : 가끔이 속성 대신 사용할 수 있습니다 nodeValue를의 특성,하지만이 속성뿐만 아니라 모든 자식 노드의 텍스트를 반환 기억 해요.
팁 : 설정하거나 요소의 HTML 콘텐츠를 반환하려면, 사용 에 innerHTML 속성을.
브라우저 지원
테이블의 숫자는 완전히 속성을 지원하는 최초의 브라우저 버전을 지정합니다.
| 재산 | |||||
|---|---|---|---|---|---|
| textContent | 1.0 | 9.0 | 예 | 예 | 예 |
통사론
노드의 텍스트 콘텐츠를 반환합니다 :
node .textContent노드의 텍스트 내용을 설정합니다 :
node .textContent= text 속성 값
| 값 | 유형 | 기술 |
|---|---|---|
| 본문 | 끈 | 지정된 노드의 텍스트 내용을 지정합니다 |
기술적 세부 사항
| 반환 값 : | 하여 노드의 텍스트와 그 모든 자손을 나타내는 문자열, |
|---|---|
| DOM 버전 | 코어 레벨 3 노드 개체 |
더 예
예
a의 텍스트 내용 변경 <p> ID = "MYP"와 요소를 :
document.getElementById("demo").textContent = "Paragraph changed!"; »그것을 자신을 시도 예
의 모든 텍스트 내용 가져 오기 <ul> ID = "myList에"인 요소를 :
var x = document.getElementById("myList").textContent;x의 값은 다음과 같습니다
Coffee Tea »그것을 자신을 시도 예
이 예는 TextContent와 innerHTML 속성의 차이를 보여줍니다
function getText() {
var x =
document.getElementById("myList").textContent;
document.getElementById("demo").innerHTML = x;
}
function
getHTML() {
var x =
document.getElementById("myList").innerHTML;
document.getElementById("demo").innerHTML = x;
} »그것을 자신을 시도