* 节点1
** 节点2
** 节点3
*** 节点4
如果节点关系如上。
<div id="node1">level 1</div>
<script>
function a()
{
var node1=$("node1");// 第一层
var node2 = createElement("div");// 第二层-父亲node1
node2.innerHTML="<span>level 2</span>";
var node3 = createElement("div");// 第二层-父亲node1
node3.innerHTML="<span>level 2</span>";
var node4 = createElement("div");// 第三层-父亲node3
node4.innerHTML="<span>level 3</span>";
//FF 正常
//IE8 正常
//IE7,IE6不正常
var chk;
chk = createElement("input");// 复选框
chk.type = "checkbox";
chk.checked = true;
node1.appendChild(chk);
//FF 正常
//IE8 IE7 IE6 正常
// 不正常
chk = createElement("input");// 复选框
chk.type = "checkbox";
node1.appendChild(chk);
chk.checked = true;
//FF 正常
//IE8 IE7 正常
//IE6 不正常
chk = createElement("input");// 复选框
chk.type = "checkbox";
node2.appendChild(chk);
chk.checked = true;
node1.appendChild(node2);
//FF 正常
//IE8 IE7 正常
//IE6 不正常
chk = createElement("input");// 复选框
chk.type = "checkbox";
node4.appendChild(chk);
chk.checked = true;
node1.appendChild(node3);
node3.appendChild(node4);
//总之:
//有效范围FF IE8 IE7 IE6:所有祖辈(父亲,爷爷,太爷...)都加入DOM,chebox加入父节点,然后设置checked = true
//有效范围FF IE8 IE7 :保证checkbox父亲加入DOM,不管爷爷或者更长辈是否加入DOM,chebox加入父节点,然后设置checked = true
//有效范围FF IE8 :不管父节点是否加入DOM,设置checked = true
}
a();
</script>
分享到:
相关推荐
在ie6、ie7下,对于checkbox的勾选状态checked属性的值获取始终是null,利用jquery在获取的html中增加checked属性
以上代码在ie8兼容模式和ff6下都没有总是,但在ie8不兼容模式下不起作用,只有在appendChild后,再设置checked的值就都起作用,如下: 代码如下: var chk = document.createElement(“input”)
function CheckAll(form)根据name=chkAll的checkBox的选中与否来设置其它checkBox全选与全不选,并激活一个事件来验证表单 function UnselectAll(form)取消选择 function ExportXML(checkboxName)导出xml模板文件 ...
在IE下面,假如此时checkbox为选中状态,在你快速两次单击的过程中,第一次单击会使得checkbox取消选中,第二次单击完之后checkbox并不会变为已选中,而是继续保持取消选中状态。 在Chrome等浏览器下,第一次单击会...
在IE中,在使用checkbox或radio时,你会发现有时不能通过CheckBoxObject.checked = true或CheckBoxObject.setAttribute(‘checked’, true)的方法使checkbox或radio被预选中。 解决这个问题的方法就是利用checkbox或...
当时的实现是为这个checkbox添加一个onchange事件,但结果却出人意料,为此,我深入的研究了一下,发现了onchange事件在IE和FF下的表现存在着以下问题。 问题①:在FF下,当改变checkbox的选中状态时,会马上触发...
在IE7,IE8和IE9兼容模式都能正常获取但是在IE9标准模式下获取不到,length总为0于是查资料,发现如下写法var selectChks = $(“input[type=checkbox][name=productItem]:checked”);经测试在IE7,IE8和IE9兼容模式...
初一看这个功能很简单,一个checkbox,加一段脚本,把这个checkbox的checked属性设为false。 代码如下: <input type=”checkbox” id=”chk_... 难道是在IE下这段代码没工作? 验证一下,在这段脚本前后各加一个
自定义radio&checkbox;样式,不兼容IE8。利用css3选择器讲样式重构默认radio&checkbox;样式,可以自行优化样式代码。
代码如下: ”选择”> ”Center”/> //居中显示 <ItemTemplate> ”ckbSelect” runat=”server” AutoPostBack=”true” xss=removed> </ItemTemplate> </asp> 后台: 代码如下: /// <summary> /// checkbox选中时,...
最近在工作中使用jquery操作checkbox,使用下面方法进行全选、反选: 代码如下: var ischecked=...这个功能在ie中没问题,但是在firefox中测试的时候,前两次都没有问题,可以正常显示选中和取消,但当再去选中
Insus.NET对Gridview使用CheckBox单选与全选功能再次进行简单演示,选中的行,使用高亮显示,让用户一目了然看到哪一行被选择了。本例中,使用前端脚本Javascript来实现。还是先看看Insus.NET做出来的效果: Insus...
在jquery 1.8.x中的版本,我们对于checkbox的选中与不选中操作如下...IE10,Chrome,FF中,对于选中状态,第一次$(‘#checkbox’).attr(‘checked’,true)可以实现但是当通过代码清除选中,下次再通过代码 $(‘#checkbox
基于jquery HTML5 CheckBox Radio按钮美化特效,演示了不一样的checkbox和Radiobox,加入了点击动画效果,鼠标点击后选中状态也是与默认的风格不一样,如截图所示的为本款效果,更多详情细节请下载本示例自己测试...
兼容性 IE浏览器/边缘 火狐浏览器 Chrome合金 苹果浏览器 电子IE11,Edge 最近2个版本最近2个版本最近2个版本最近2个版本 原料药名称类型默认描述前缀Cls 细绳rc-复选框班级名称细绳'' 根节点的附加类名名称细绳与本...
最近在学习jQuery(版本jquery-1.9.1.js),要求用jQuery实现全选/全不选、反选,在IE(IE8)中没有问题,但在火狐浏览器中调试的时候出现了一些小问题,达不到效果。 html代码如下: 你爱好的运动是 <...