이 기사에서는 노드 컨텐츠를 동적으로 형식에 추가하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 세부 사항은 다음과 같습니다.
1. 코드
코드를 다음과 같이 복사하십시오.
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" />
<title> 노드 추가 </title>
<script type = "text/javaScript">
기능 newPicture () {
var picelement = document.createElement ( "IMG");
picelement.src = "images/success.jpg";
picelement.width = 100;
picelement.height = 100;
document.body.appendchild (picelement);
}
함수 newNode () {
var ollement = document.getElementById ( '답변');
var lielement = document.createElement ( 'li');
var inputElement = document.createElement ( 'input');
inputElement.type = "텍스트";
inputElement.name = "답변";
lielement.appendChild (입력);
ollement.appendChild (lielement);
}
</스크립트>
</head>
<body>
<div>
<입력 유형 = "버튼"이름 = "버튼"value = "사진 추가"onclick = "javaScript : newPicture ();"/>
<입력 유형 = "버튼"이름 = "버튼"value = "옵션 추가"onclick = "javaScript : newNode ();" /> <br />
<ol id = "답변">
<li> <입력 유형 = "text"name = "Answer" /> < /li>
</ol>
</div>
</body>
</html>
2. 프로그램 렌더링 :
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.