>웹 프론트엔드 >JS 튜토리얼 >JavaScript를 사용하여 div를 동적으로 추가하는 방법

JavaScript를 사용하여 div를 동적으로 추가하는 방법

PHPz
PHPz앞으로
2016-05-16 19:25:212443검색

JavaScript를 사용하여 p를 동적으로 추가하는 방법은 여러 가지가 있습니다. 다음은 더 일반적으로 사용되는 방법입니다.

1. p 앞에 p를 추가하세요

<html>
  <body>
  <p   id="a">   
   <p   id="a1">1</p> 
   <p   id="a2">2</p>   
  </p>   
        <a href="javascript:addp();">test</a>                          
  </body>
<script   type="text/javascript">   
 function addp(){
        var   newNode=document.createElement("p");   
        newNode.setAttribute("id","a3");   
        var   txtNode=document.createTextNode("3");   
        newNode.appendChild(txtNode);   
          
        document.getElementById("a").insertBefore(newNode,document.getElementById("a2"));   
          
        alert(document.getElementById("a").innerHTML)   
}
 </script>   
</html>

더 많은 관련 튜토리얼을 보려면 JavaScript 비디오 튜토리얼

을 방문하세요.
성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제