簡體   English   中英

每當我單擊按鈕時,都會創建一個新的 div

[英]Whenever I clicked on a button a new div is created

單擊該按鈕時,將添加一個新的 div。 每次單擊它時都會添加一個額外的 div。 div 具有以下屬性:

  1. 它有一個 class 盒子
  2. 對於 div 內的文本,從 1 開始為 div 編號。(保留一個計數器變量以跟蹤下一個數字。)

我希望這些圖片可以幫助你:

在此處輸入圖像描述

HTML:

<button onclick="newDiv()">Add Box</button>
<div id="parent"></div>

記者:

function newDiv() {
  var divElem = document.createElement("div");
    elementAttr.setAttribute('class','divclass');
//if you want to add text inside
    //var imText = document.createTextNode("Hello Wolrd");
   // divElem.appendChild(imText);
//you need a parent Div to put this inside
    var parent = document.getElementById("parent");
    parent.appendChild(divElem);}

只需制作一個帶有您想要的樣式的 css class,這樣當制作一個 div 時,它就會獲得一個樣式。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM