`

IE处理setAttribute无效问题

阅读更多

ie下,用js setAttribute设置table属性不起作用,比如 cellspacing, rowspan, colspan等,

问题根源是,ie在解析时,取的属性值是 cellSpacing, rowSpan, colSpan,而非全小写的形式。

 

IE解析出的真实DOM树可F12进调试模式查看

 

解决办法很简单,多写一行直接属性赋值:

			tdFirst.setAttribute("colspan", colspan);
			tdFirst.colSpan = colspan;

 

 

分享到:
评论

相关推荐

    IE6用setAttribute添加事件无效

    标题“IE6用setAttribute添加事件无效”涉及到的是一个在JavaScript编程中常见的问题,尤其是在处理旧版Internet Explorer(尤其是IE6)浏览器时。在现代浏览器中,`setAttribute`方法可以方便地为HTML元素添加属性...

    JavaScript的setAttribute兼容性问题解决方法

    代码如下: var asubmit = document.... //在火狐中有效,而在ie中无效 代码如下: <span xss=removed> asubmit.setAttribute(“onclick”,”[removed]document.buyform.submit();”);</span> //在ie中有效,火

    IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug

    复制代码代码如下: table { border-collapse:collapse; border-spacing:0; } th,td { padding: 0; } JS操作这两个属性有两种方式...复制代码代码如下: table.setAttribute(‘cellspacing’,’10’); table.setAttribu

    IE6不能修改NAME问题的解决方法

    总结来说,处理IE6动态修改`NAME`属性的问题,关键在于理解其特性和限制,并采取相应的兼容性策略。在编写代码时,考虑到不同浏览器之间的差异,尽可能采用跨浏览器的解决方案,或者使用条件注释和特性检测来提供...

    浏览器兼容页面开发注意事项(javascript篇)_101028实用.pdf

    4. **HTML对象的id作为对象名的问题**:在IE下,可以通过`window.idName`直接访问具有id为"idName"的元素,但这种方式在标准浏览器中是无效的,应使用`document.getElementById('idName')`。 5. **用idName字符串...

    IE6下js通过css隐藏select的一个bug

    通过这些描述和解决办法,可以得出一个重要的结论:在处理与IE6兼容性问题时,需要特别注意某些属性和方法可能不会如预期那样工作。这通常要求开发者进行特别的测试和调试,并在必要时使用特定于IE6的解决办法。文档...

    javascript兼容性解决方法大全

    最后,处理自定义属性时,IE允许直接通过`div1.value`或`div1["value"]`访问,但在FF中这种方法无效。通用的方法是使用`getAttribute`和`setAttribute`方法,如`div1.getAttribute("value")`和`div1.setAttribute(...

    浏览器兼容页面开发注意事项(javascript篇)_101028参考.pdf

    15. 元素属性:访问元素属性时,如`style.display`,需要考虑到IE和其他浏览器可能存在的差异,可能需要使用`getAttribute('style')`和`setAttribute('style', value)`。 16. `document.get`:在IE中,可以使用`...

    本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结

    请注意,以上代码片段中的`autoSizePreview`函数和非IE浏览器的处理部分未完全展示,实际应用中需要根据具体需求进行补充和完善。 总的来说,本地图片预览的实现涉及到浏览器兼容性问题,需要针对不同浏览器采取...

    javascript实现爱你在FF IE下都有效的添加一个项目

    - **问题**:在 IE 中,该方法仅支持设置静态属性,对于事件监听器等动态属性则无效。 2. **`attachEvent` 方法**: - **定义**:这是 IE 特有的一个方法,用于添加事件监听器。 - **作用**:解决 `...

    JavaScript 日期联动选择器

    需要注意,在IE6中,如果使用DOM方法创建`<option>`并立即设置`selectedIndex`可能无效,可以通过设置`option`的`selected`属性、使用`setTimeout`函数延迟设置或使用`setAttribute`方法解决此问题。 #### 知识点三...

    Cookie与Session机制

    通过`session.setAttribute(String name, Object value)`可以将对象存储在Session中,`session.getAttribute(String name)`用于获取数据。当不再需要Session时,调用`session.invalidate()`注销Session。 - **生命...

    用js读、写、删除Cookie代码续篇

    1. 问题一:Cookie在本地文件上的调试只在Firefox有效,而在IE和Chrome无效。这个问题可能是因为浏览器的安全策略限制。在开发环境中,通常需要开启浏览器的“允许来自文件的跨域请求”或使用服务器环境来正确处理...

    javaScript教程

    - **`getElementsByClassName()`**: 通过类名来获取元素(在 IE5,6,7,8 中无效)。 ##### 3. 改变 HTML 内容 - **使用 `.innerHTML` 属性**: 通过 `document.getElementById('id').innerHTML = 'new content';` 来...

    jQuery中设置form表单中action值的实现方法

    `这样的写法在jQuery中是无效的,因为jQuery对象没有直接的`action`属性,它不支持直接赋值。必须通过`.attr()`方法来改变属性值。 在实际开发中,动态设置`action`属性通常与按钮点击事件或某些条件逻辑相结合,以...

Global site tag (gtag.js) - Google Analytics