欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費電子書(shū)等14項超值服

開(kāi)通VIP
JS動(dòng)態(tài)添加div,然后在div中添加元素
https://blog.csdn.net/u013036959/article/details/51105152

需求:

   組織部中有個(gè)這樣的需求,根據年份動(dòng)態(tài)顯示該年份下的定性指標!

 

我的做法:

        先是放一個(gè)空的div,讓后根據指標的數據,動(dòng)態(tài)的往div中添加元素。

代碼:

 空的div,存放定性指標

<div id="DvelopmentTarget">     </div>

動(dòng)態(tài)往div中添加元素:

  1. for (var n = 0; n < data.length; n++)
  2. {
  3. //獲取div
  4. var div = document.getElementById("DvelopmentTarget");
  5. //換行
  6. var br = document.createElement("br");
  7. div.appendChild(br);
  8. //添加label ,存放指標名稱(chēng)
  9. var div2 = document.createElement("label");
  10. div2.innerText = data[n].QualitativeTargetName;
  11. div.appendChild(div2);
  12. //添加text ,存放指標權重
  13. var input = document.createElement("input");
  14. input.setAttribute('type', 'text');
  15. input.setAttribute('ReadOnly', 'True'); //設置文本為只讀類(lèi)型
  16. input.value = data[n].DevelopmentAllWeight
  17. div.appendChild(input);
  18. //添加select 存放指標id
  19. var targetID = document.createElement("select");
  20. targetID.innerText = data[n].QualitativeTargetID;
  21. targetID.setAttribute('hidden', 'hidden');
  22. div.appendChild(targetID);
  23. //添加 %(單位百分比)
  24. //換行
  25. var br = document.createElement("br");
  26. div.appendChild(br);
  27. }

用到的知識點(diǎn):

    創(chuàng )建子節點(diǎn)、  父元素動(dòng)態(tài)添加子元素:

  1. div2.innerText = data[n].QualitativeTargetName;
  2. div.appendChild(div2);

設置元素屬性:

input.setAttribute('ReadOnly', 'True');  //設置文本為只讀類(lèi)型

清楚div下的所有元素:

div.innerHTML = "";

來(lái)張大圖,再次總結下DOM(文檔對象模型)



總結:學(xué)習是個(gè)不斷反復的過(guò)程!


本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請點(diǎn)擊舉報。
打開(kāi)APP,閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
開(kāi)發(fā)跨瀏覽器的JavaScript
【JS--DOM-節點(diǎn)操作2】--createElement()、appendChild()、insertBefore()、自定義的insertAfter()
document.createElement()的用法
Ie中不能動(dòng)態(tài)生成input元素中的name等相關(guān)屬性
多個(gè)文件上傳的javascript編碼
動(dòng)態(tài)創(chuàng )建元素模仿上傳頁(yè)面
更多類(lèi)似文章 >>
生活服務(wù)
分享 收藏 導長(cháng)圖 關(guān)注 下載文章
綁定賬號成功
后續可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久