최신 웹 개발 튜토리얼
 

HTML DOM innerHTML Propery

<요소 개체

예

a의 HTML 내용 변경 <p> ID = "데모"와 요소를 :

document.getElementById("demo").innerHTML = "Paragraph changed!";
»그것을 자신을 시도

더 "Try it Yourself" 아래의 예.

정의 및 사용

innerHTML 속성 설정 또는이 HTML 콘텐츠를 리턴 (inner HTML) 요소의이.

브라우저 지원

재산
innerHTML 예 예 예 예 예

통사론

innerHTML 속성을 반환합니다 :

HTMLElementObject .innerHTML

innerHTML 속성을 설정합니다 :

HTMLElementObject .innerHTML= 속성 값
값 기술
text 요소의 HTML 콘텐츠를 지정합니다

기술적 세부 사항

반환 값 : 요소의 HTML 콘텐츠를 나타내는 문자열,
예

더 예

예

a의 HTML 콘텐츠 가져 오기 <p> ID = "MYP"와 요소를 :

var x = document.getElementById("myP").innerHTML;

X의 결과는 다음과 같습니다

I am a paragraph.
»그것을 자신을 시도

예

a의 HTML 콘텐츠 가져 오기 <ul> ID = "myList에"인 요소를 :

var x = document.getElementById("myList").innerHTML;

X의 결과는 다음과 같습니다

  • Coffee
  • Tea
»그것을 자신을 시도

예

두 요소의 HTML 내용을 변경 :

document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
»그것을 자신을 시도

예

a의 HTML 콘텐츠 경고 <p> ID = "데모"와 요소를 :

alert(document.getElementById("demo").innerHTML);
»그것을 자신을 시도

예

a의 HTML 콘텐츠 삭제 <p> ID = "데모"와 요소를 :

document.getElementById("demo").innerHTML = "";  // Replaces the content of <p> with an empty string
»그것을 자신을 시도

예

링크의 HTML 콘텐츠, URL 및 대상을 변경합니다 :

document.getElementById("myAnchor").innerHTML = "w3ii";
document.getElementById("myAnchor").href = "http://www.w3ii.com";
document.getElementById("myAnchor").target = "_blank";
»그것을 자신을 시도
<요소 개체