다음을 통해 공유


HtmlElement.InnerHtml 속성

정의

이 요소 아래에 있는 HTML 태그를 가져오거나 설정합니다.

public:
 property System::String ^ InnerHtml { System::String ^ get(); void set(System::String ^ value); };
public string InnerHtml { get; set; }
member this.InnerHtml : string with get, set
Public Property InnerHtml As String

속성 값

String

현재 요소의 자식 요소를 정의하는 HTML 태그입니다.

예외

이 요소에서 자식 요소를 만드는 작업이 허용되지 않은 경우

설명

기존 HTML 페이지에 새 요소(예: 메서드)를 추가하는 방법에는 여러 가지가 AppendChild InsertAdjacentElement 있습니다. 새 요소에 많은 특성 또는 스타일을 설정해야 하는 경우 새 콘텐츠를 추가하는 가장 빠른 방법은 종종 사용 InnerHtml 입니다.

InnerHtmlOuterHtml 는 호출하는 개체를 나타내는 HTML을 포함하지 않는다는 점에서 InnerHtml 다릅니다. 이러한 두 속성 간의 차이점에 대한 자세한 내용은 참조 OuterHtml 하세요.

설정하면 InnerHtml 이전에 요소에 추가된 모든 자식이 삭제됩니다. DOM에서 요소를 검색한 다음 부모 InnerHtml 속성에 새 HTML을 할당하면 해당 요소에 대한 참조는 쓸모가 없으며 해당 속성 및 메서드를 호출할 때의 동작은 정의되지 않습니다.

일부 요소의 경우 설정 InnerHtml 이 유효한 작업이 아닙니다. 일부 HTML 태그에는 태그와 같은 닫는 태그가 IMG 없으므로 중첩된 요소를 포함할 수 없습니다. 태그와 같은 SCRIPT 일부 태그는 텍스트 콘텐츠만 포함할 수 있습니다. 설정 InnerHtml 하면 오류가 발생합니다. 두 유형의 태그 모두에 대해 속성이 CanHaveChildren 반환 false됩니다. 그러나 이러한 요소에 TABLE TR 잘못된 형식의 HTML을 할당하면 문서 렌더링이 손상될 수 있으므로 요소를 설정할 InnerHtml 수도 없습니다. 관리 IHTMLTable 되지 않는 인터페이스에서 insertRow 행과 insertCell 셀을 추가하는 데 사용하거나 메서드를 TABLE사용합니다AppendChild.

HTML 태그가 아닌 요소에 텍스트만 할당해야 하는 경우 대신 속성을 사용합니다 InnerText .

값을 할당하면 InnerHtml 이전에 사용 하 여 InnerText할당 된 모든 텍스트 값이 삭제 됩니다.

적용 대상

추가 정보