چرا این کد add/remove Element نصفش کار میکنه

plague

plague

Member
سلام
این کد یه شی به صفحه ما اضافه میکنه ولی نمیتونه همون شی رو پاک کنه مشکلش چیه ؟

HTML: 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" >
function addElement() {
  var ni = document.getElementById('myDiv');
  var numi = document.getElementById('theValue');
  var num = (document.getElementById('theValue').value -1)+ 2;
  numi.value = num;
  var newdiv = document.createElement('div');
  var divIdName = 'my'+num+'Div';
  newdiv.setAttribute('id',divIdName);
  newdiv.innerHTML = 'Element Number '+num+' has been added! <a href=\'#\' onclick=\'removeElement('+divIdName+')\'>Remove the div "'+divIdName+'"</a>';
  ni.appendChild(newdiv);
  document.getElementById('counter').innerHTML = divIdName ;
}

function removeElement(divNum) {
  var d = document.getElementById('myDiv');
  var olddiv = document.getElementById(divNum);
  d.removeChild(olddiv);
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>

<input type="hidden" value="0" id="theValue" />
<p><a href="javascript:;" onclick="addElement();">Add Some Elements</a></p>

<div id="myDiv"> </div>

<div id="counter"></div>
</body>
</html>
 
mina.azarm

mina.azarm

New Member
سلام
این کد همان چیزی است که شما دنبالش هستید.

موفق باشید

کد: 
<html>
<body>
<script language="JavaScript">
function function2() {

//any text can be given

var m = "New Child";
var n = document.createElement("li");
n.appendChild(document.createTextNode(m));
document.getElementById("addelement").appendChild(n);
}
function function1() {
addelement.removeChild(addelement.lastChild);
}
</script>
<ul id="addelement">
<li>First list element</li>
<li>Second list element</li>
</ul>
<input type="button" value="Add Me" onClick="function2();">
<input type="button" value="Remove Me" onClick="function1();">
</body>
</html>
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا