* 节点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”)
本文主要探讨的是在Internet Explorer(IE)浏览器下遇到的一个特定问题:双击`checkbox`元素时出现的反应延迟现象,以及如何解决这个问题。 首先,我们需要理解`checkbox`的基本功能。`checkbox`是HTML中的一个...
function CheckAll(form)根据name=chkAll的checkBox的选中与否来设置其它checkBox全选与全不选,并激活一个事件来验证表单 function UnselectAll(form)取消选择 function ExportXML(checkboxName)导出xml模板文件 ...
这个问题主要体现在`IE`的早期版本,如IE6、IE7等,但在现代版本的IE(例如IE9及以上)中,这一问题已经被解决。 `checked`属性是HTML中的一个布尔属性,用于指定`radio`或`checkbox`元素在页面加载时是否应处于...
本文将详细探讨在IE7中遇到的特定问题,即JavaScript设置`checked=true`后Checkbox未能正确打勾的解决方案。 问题的核心在于,当尝试在DOM(文档对象模型)中动态创建并设置属性时,如果在元素实际被添加到页面之前...
这个空的`checked`属性告诉浏览器该`checkbox`应该在初始状态下被选中,但IE浏览器会在页面加载后立即解析这个属性,随后再由JavaScript代码将其设置为未选中。这种情况下,无论`checkbox`的状态如何,它都会在页面...
在Web开发过程中,经常需要与表格形式的数据交互,其中使用到gridview控件来展示数据。...通过这些代码,开发者可以在自己的Web项目中实现对gridview控件中checkbox选中状态的管理和业务逻辑操作。
本文将详细介绍如何在兼容IE浏览器的情况下实现`checkbox`的自定义样式。 首先,我们需要了解`checkbox`的基本结构。`HTML`中的`checkbox`由`<input>`标签创建,通常与`<label>`标签配合使用,以提高可点击范围和...
2. **选中状态统计**:该库还具备统计每组Checkbox选中个数的能力。这在需要实时反馈用户选择情况的场合特别实用,例如在提交表单前显示用户已选择的项目数量。 二、Checkbox.js的使用方法 1. **引入文件**:首先...
当时的实现是为这个checkbox添加一个onchange事件,但结果却出人意料,为此,我深入的研究了一下,发现了onchange事件在IE和FF下的表现存在着以下问题。 问题①:在FF下,当改变checkbox的选中状态时,会马上触发...
这里我们关注的问题是如何在jQuery中正确地获取具有特定name属性且被选中的所有复选框,同时确保在IE9的标准模式下也能正常工作。 原先的jQuery选择器表达式是: ```javascript var selectChks = $("input[type=...
当用户选中或取消选中一个子checkbox时,我们需要检查所有子checkbox的选中状态,如果所有的商品都被选中,则全选checkbox应被设置为选中;反之,如果存在未被选中的商品,全选checkbox应取消选中。 在实现兼容性时...
这个问题在现代浏览器中通常不会出现,但在较旧的IE版本中是一个常见问题。 首先,让我们深入理解问题的本质。在HTML中,`<label>`标签用于关联一个表单元素,通常是为了提高可访问性和用户体验。当用户点击`...
3. **使用`:checked`伪类**:通过`:checked`伪类,当Radio或Checkbox被选中时,可以改变关联元素的样式。 ```css input[type="radio"]:checked + label { /* 添加选中时的样式 */ } ``` 4. **利用伪元素`:...