링크 조회 : 315
insertAdjacentHTML
<script>
function insertMyText()
{
var obj = document.getElementById("objTxtDiv");
obj.insertAdjacentHTML("BeforeEnd", "<P>" + objText.value + "</P>");
}
</script>
<input type="text" id=objText value="이곳에 적절한 텍스트를 입력하세요!">
<input type="button" onclick="insertMyText()" value="삽입"></p>
<div id=objTxtDiv> </div>
| beforeBegin | HTML 문자열 sText를 개체의 바로 전에 삽입한다. |
| afterBegin | HTML 문자열 sText를 개체가 시작되고 모든 다른 내용들 전에 삽입한다. |
| beforeEnd | HTML 문자열 sText를 개체가 종료되기 전에 모든 다른 내용들 다음에 삽입한다. |
| afterEnd | HTML 문자열 sText를 개체가 종료된 바로 다음에 삽입한다. |
필수적인 요소이며, 삽입될 지정된 HTML 문자열이다. 문자열은 텍스트와 HTML 태그를 혼합할 수 있다. HTML 문자열이 유효하지 않으면 이 메서드는 실패할 것이다.
반환값은 없다.
텍스트가 HTML 태그를 포함하고 있으면, 이 메서드는 파스(parse)하고 택스트를 삽입한 상태로 양식화 한다.
문서가 로딩되는 동안에는 삽입할 수 없다.
이 메서드를 사용하기 위해서는 onload가 발생될 떄까지 기다려야 한다.
insertAdjacentHTML 메서드를 스크립트를 삽입하는데 사용할 때, script 엘레멘트의 defer 애트리부트를 설정하여야 한다.
| 제목 |
|---|
| [기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) |
| 유용한 리눅스(LINUX) 명령어 |
| [공지] 기술 게시판 |
일 |
월 |
화 |
수 |
목 |
금 |
토 |
|---|---|---|---|---|---|---|
|
7.27
|
7.28
|
7.29
|
7.30
|
7.31
|
8.2
|
|
|
8.3
|
8.4
|
8.5
|
8.6
|
8.7
|
8.8
|
8.9
|
|
8.10
|
8.11
|
8.12
|
8.13
|
8.14
|
8.15
|
8.16
|
|
8.17
|
8.18
|
8.19
|
8.20
|
8.21
|
8.22
|
8.23
|
|
8.24
|
8.25
|
8.26
|
8.27
|
8.28
|
8.29
|
8.30
|
|
8.31
|
9.1
|
9.2
|
9.3
|
9.4
|
9.5
|
9.6
|
