링크 조회 : 363
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) 명령어 |
| [공지] 기술 게시판 |
일 |
월 |
화 |
수 |
목 |
금 |
토 |
|---|---|---|---|---|---|---|
|
10.26
|
10.27
|
10.28
|
10.29
|
10.30
|
10.31
|
11.1
|
|
11.2
|
11.3
|
11.4
|
11.5
|
11.6
|
11.7
|
11.8
|
|
11.9
|
11.10
|
11.11
|
11.12
|
11.13
|
11.14
|
11.15
|
|
11.16
|
11.17
|
11.18
|
11.19
|
11.20
|
11.21
|
11.22
|
|
11.23
|
11.24
|
11.25
|
11.26
|
11.27
|
11.28
|
11.29
|
|
11.30
|
12.1
|
12.2
|
12.3
|
12.4
|
12.5
|
12.6
|
