在js里面怎么动态删除页面中的元素
日期：2014-05-17 浏览次数：20653 次
在js里面如何动态删除页面中的元素
我在js里面动态的添加了一个div:
var divId = Date.now().toString();
function _makeDiv(message) {
div = $("<div id=" + divId + ">" +
"<p id=\"text\">" + message + "</p>" +
"</div>");
div.prependTo('body');
};
在我用完的时候我需要删除这个div:
close: function() {
_removeDiv();
}
_removeDive的具体实现是：
function _removeDiv() {
$("#"+divId+"").remove();
}
remove empty我都试过 但是还是不行 。。不知道有什么方法能行 。。还是我这里close写的有问题 。。
------解决方案--------------------
不是方法不行，而是'$("#"+divId+"")'没有取到对象吧！
------解决方案--------------------
目前好像没有额···
------解决方案--------------------
我在js里面动态的添加了一个div:
var divId = Date.now().toString();
function _makeDiv(message) {
div = $("<div id=" + divId + ">" +
"<p id=\"text\">" + message + "</p>" +
"</div>");
div.prependTo('body');
};
在我用完的时候我需要删除这个div:
close: function() {
_removeDiv();
}
_removeDive的具体实现是：
function _removeDiv() {
$("#"+divId+"").remove();
}
remove empty我都试过 但是还是不行 。。不知道有什么方法能行 。。还是我这里close写的有问题 。。
------解决方案--------------------
不是方法不行，而是'$("#"+divId+"")'没有取到对象吧！
------解决方案--------------------
目前好像没有额···
------解决方案--------------------
- HTML code
<html>
<head>
<script language="JavaScript" type="text/javascript">
function get(obj) {
var obj = document.getElementById("qx").value;
var name = document.getElementById("a")
var obj = obj.split('|');
var i=0
for (i=0;i<obj.length;i++){
var shuzi = obj[i];
var iht = '';
iht += '<div><input size=80 value='+shuzi+' />';
iht +='<input type="button" value=" 删除 " class="inputbtn" onclick="deleteNum(this)" /></div><br>';
document.getElementById("a").innerHTML+=iht;
}
}
function deleteNum(obj){
obj.parentNode.parentNode.removeChild(obj.parentNode);
}
//菜鸟求助 如何才能把整行都删掉 连“删除”按键也删了
//还有为什么遨游不兼容呢？？？
</script>
</head>
<body>
<div id = "a" ></div>
<textarea name="fbaddress" cols="100" rows="5" id="qx">123|456|789</textarea>
<input type="button" name="Submit1" value=" 增加 " onclick="get()" class="inputbtn" />
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
