-
반응형
<!DOCTYPE html >
<html>
<head>
<meta charset ="UTF-8">
</head>
<body>
<script>
function addtext(t) {
if (document.createTextNode) {
var node = document.createTextNode(t);
document.getElementById("target").appendChild(node);
}
}
</script>
<div id ="target"onclick ="addtext('동적으로 텍스트가 추가됩니다.')"
style ="font: 20px bold;">여기를 클릭하세요.</div>
</body>
</html>
결과:
"여기를 클릭하세요"라는 글씨를 클릭하면
그 옆에 "동적으로 텍스트가 추가됩니다." 가 붙는다
반응형'코딩 > HTML5' 카테고리의 다른 글
HTML5 + CSS3 + JavaScript로 배우는 웹프로그래밍 기초 8강 연습문제 답 (0) 2018.06.13 윈도우 오픈 (0) 2018.06.06 노드 제거 (0) 2018.06.06 요소 사라짐 (0) 2018.06.06 자바 스크립트로 요소의 스타일 변경 (0) 2018.06.06
