wiki:javascript:javascript_note:innerhtml
문서의 이전 판입니다!
목차
Javascript HTML DOM innerHTML Property
- description : Javascript HTML DOM innerHTML Property
- author : 오션
- email : shlim@repia.com
- lastupdate : 2021-06-04
The source of the article
Example
id="demo를 가진 <p> 요소의 HTML 콘텐츠를 변경합니다.
<body> <p id="demo" onclick="myFunction()">Click me to change my HTML content (innerHTML).</p> <!-- 콘텐츠를 클릭하면 Paragrahp changed!으로 변경됨 --> <script> function myFunction() { document.getElementById("demo").innerHTML = "Paragrahp changed!"; } </script> </body>
Definition and Usage
innerHTML 속성은 요소의 HTML 콘텐츠 (내부 HTML)를 설정하거나 반환합니다.
Syntax
innerHTML 속성을 반환합니다.
HTMLElementObject.innerHTML
innerHTML 속성을 설정합니다.
HTMLElementObject.innerHTML = text
Property Values
| Value | Description |
|---|---|
| text | 요소의 HTML 콘텐츠를 지정합니다 |
Technical Details
Return Value: 문자열이며, 요소의 HTML의 콘텐츠를 나타냅니다.
More Examples
Example
id="myP"를 가진 <p> 요소의 HTML 콘텐츠를 가져옵니다.
<body> <p id="myP">I am a paragraph.</p> <p>Click the button to get the HTML content of the p element.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <!-- 버튼을 클릭하면 I am a paragraph.가 나타남 --> <script> function myFunction() { var x = document.getElementById("myP").innerHTML;/* I am a paragraph. */ document.getElementById("demo").innerHTML = x; } </script> </body>
Example
id="myList"를 가진 <ul> 요소의 HTML 콘텐츠를 가져옵니다.
Example
두 개 요소의 HTML 콘텐츠를 변경합니다.
Example
id="demo"를 가진 <p> 요소의 HTML 콘텐츠를 경고합니다.
Example
id="demo"를 가진 <p> 요소의 HTML 콘텐츠를 삭제합니다.
Example
HTML 콘텐츠, URL, 그리고 타겟 링크를 변경합니다.
/volume1/web/dokuwiki/data/attic/wiki/javascript/javascript_note/innerhtml.1622773358.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)
별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Share Alike 4.0 International
