코딩/HTML5
노드 추가
런던전통손만두
2018. 6. 6. 00:50
반응형
<!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>
결과:
"여기를 클릭하세요"라는 글씨를 클릭하면
그 옆에 "동적으로 텍스트가 추가됩니다." 가 붙는다
반응형