var el = document.getElementById("mydiv").firstChild;
if (el) { document.getElementById("mydiv").removeChild(el); }
我需要把这段代码支持谷歌浏览器
<html>
<head>
<script>
function hidediv(){
var el = document.getElementById("mydiv").firstChild;
if (el) { document.getElementById("mydiv").removeChild(el); }
}
</script>
</head>
<body>
<div id="mydiv" href="#" onclick="hidediv()" style="background:#fc3">show&hide</div>
</body>
</html>
你运行一下,我在chrome上运行是无误的,能够实现删除div的功能
<div id="mydiv">文字1<input type="button" id="btn" value="ok">文字2</div>
我DIV里内容大致是这样的,若运行我写的那段代码会首先去掉前面的文字1 运行第二次运行则会去掉按钮 第三次去掉文字2 以此类推 请问这样的功能如何用jquery实现呢
@淘@淘: 如果我的话jquery会用hide函数去实现这个功能
@淘@淘: 这两个显示效果应该一样吧:
$("#mydiv:first").remove();
$("#mydiv:first").hide();
@天涯无尘: 谢谢你的回复 但是我需要依次删除的一个功能 而不是一下子全部remove
比如运行1次只删除文字1
问题是什么?
我需要把这段代码支持谷歌浏览器
jQuery中remove和hide方法肯定不一样。remove是移除,相当于el.parentNode.removeChild(el);hide是隐藏,相当于在元素上增加style="display:none"属性。