使用javascript创建动态div 函数selecteditems() { var i=1; var val=“”; 而(i

使用javascript创建动态div 函数selecteditems() { var i=1; var val=“”; 而(i,javascript,html,Javascript,Html,使用: 函数selecteditems(){ var container=document.getElementById('showselecteditems'); 对于(var i=1;i请查看document.createElement()和element.appendChild() 因为您可能会在不久的将来遇到此问题:您可以使用此代码删除任何元素: var newdiv = document.createElement("div"); newdiv.innerHTML = val; do

使用:

函数selecteditems(){
var container=document.getElementById('showselecteditems');

对于(var i=1;i请查看
document.createElement()
element.appendChild()


因为您可能会在不久的将来遇到此问题:您可以使用此代码删除任何
元素

var newdiv = document.createElement("div");
newdiv.innerHTML = val;
document.getElementById("showselecteditems").appendChild(newdiv);

动态创建div的语法:

element.parentNode.removeChild(element);
检查这个


window.onload=function(){
var output=document.getElementById('output');
var i=1;
var val=“”;

当(i)可能重复hi 1 hi 1 hi 3 hi 1 hi 3 hi 4 hi时,我得到如下输出。第一次得到hi 1,下一次得到hi 1,hi 3等。之前的值得到appended@Anoop要删除上一个吗?
var div = document.createElement("div");
var lnk = document.createElement("a");
var img = document.createElement("img")
img.className="remove";
img.src = "https://uperform.sc.gov/ucontent/e14c3ba6e4e34d5e95953e6d16c30352_en-US/wi/xhtml/static/noteicon_7.png";
lnk.appendChild(img);
div.appendChild(lnk);
function getInputs() {
  var container = document.getElementById('showselecteditems');
  for (var i=1;i<=5;i++) {
    var fld = document.getElementById('timedrpact'+i);
    if (fld) {
      var newDiv = div.cloneNode(true);
      newDiv.getElementsByTagName("a")[0].appendChild(document.createTextNode(fld.value));
      container.appendChild(newDiv);
    }
  }
}    
window.onload=function() {
  document.getElementById('showselecteditems').onclick = function(e) {
    e=e||event; 
    var target = e.target||e.srcElement; 
    // target is the element that has been clicked
    if (target && target.className=='remove') {
      parentDiv = target.parentNode.parentNode;
      parentDiv.parentNode.removeChild(parentDiv);
      return false; // stop event from bubbling elsewhere
    }
  }    
  getInputs();  
}    
var newdiv = document.createElement("div");
newdiv.innerHTML = val;
document.getElementById("showselecteditems").appendChild(newdiv);
element.parentNode.removeChild(element);
  DivId =  document.createElement('div');
  DivId.innerHtml ="text"
<div id="output" class="out">

</div>

window.onload=function(){
    var output = document.getElementById('output');
    var i=1;
    var val="";
    while(i<=3)
    {

        if(!document.getElementById('timedrpact'+i))
        {
            var ele = document.createElement("div");
            ele.setAttribute("id","timedrpact"+i);
            ele.setAttribute("class","inner");
            ele.innerHTML="hi "+i;
            output.appendChild(ele);

        }
        i++;


    }
};