자바스크립트 내부html

| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |

페이지에 표시되는 텍스트나 HTML을 수정하여 사이트를 보다 대화식으로 만드는 방법을 알고 있어야 합니다. 여기에서 HTML innerTextinnerHTML 속성이 사용됩니다.

이러한 속성을 사용하면 DOM 요소의 텍스트와 HTML 코드를 쉽게 수정할 수 있습니다. . 이 가이드에서는 innerTextinnerHTML JavaScript 속성을 사용하는 방법을 배웁니다.

JavaScript innerHTML이란 무엇입니까?

innerHTML JavaScript 속성은 웹 페이지에 있는 요소의 HTML 콘텐츠를 정의합니다. InnerHTML은 HTML DOM의 속성입니다. innerHTML은

요소

내부 HTML을 다음과 같이 정의하고 수정하는 데 자주 사용됩니다. ..

document.getElementById("단락") innerHTML = " Karma 경력!";

이 코드 라인은 "Karma 경력"에 대한 "단락"

요소의 내용을 정의합니다! getElementById() 메소드 는 해당 ID로 요소를 검색합니다.

브라우저는 href = "/ what-is-the-javascript-dom /" > 페이지가 로드될 때 개체 모델(DOM) 문서 . 이 DOM은 페이지에 표시되는 일련의 개체입니다.

DOM은 웹 요소를 변경할 때마다 HTML 코드를 변경할 필요가 없다는 것을 의미합니다. DOM과 JavaScript를 사용하여 특정 세션에서 페이지가 표시되는 방식을 변경할 수 있습니다.

자바스크립트 innerText란 무엇입니까?

자바스크립트 innerT ext 속성은 요소의 텍스트 내용을 정의합니다. 또한 하위 항목의 내용을 정의합니다. 하위 항목은 단락에 태그를 포함할 수 있습니다.

innerText의 구문은 innerHTML의 구문과 유사합니다. ..

document.getElementById("element") InnerText = "이것은 a test. & Rdquo ;;

id가 "element"인 요소의 텍스트 값을 "This is a test"로 설정합니다.

이러한 방법은 다음 페이지로 이동하여 테스트할 수 있습니다. JavaScript 콘솔 및 수정할 요소 선택:

웹 페이지의 첫 번째 HTML

태그의 내용을 변경합니다. 텍스트를 바꾸려면 innerText 속성을 사용할 수 있습니다.

"This is 시험." "

웹 페이지의 텍스트를 변경하는 것부터 시작하겠습니다. 플래시 카드가 있는 간단한 웹 페이지를 만들 것입니다. 이 웹 페이지에는 HTML에 대한 질문이 표시됩니다. 클릭하면 버튼이 표시됩니다. , HTML 질문에 대한 답변이 표시됩니다.

웹페이지 만들기

첫 번째 단계는 앞으로 진행할 index.html 파일을 만드는 것입니다.

를 누르면 답이 표시됩니다. div>