`
lht
  • 浏览: 197691 次
  • 来自: 深圳
社区版块
存档分类
最新评论

HTML DOM setAttribute兼容问题

阅读更多

HTML的表格行高亮,用JavaScript设置时总是在FireFox和谷歌浏览器中成功,但是在IE6,IE7中失败。最后发现是IE系列对DOM的setAttribute方法支持不好。如用:

tr.setAttribute('onMouseOver', 'this.bgColor="yellow";');

是没有效果的。

换成下面的方法兼容比较好:

tr.onmouseover = function () {this.bgColor="yellow";};

 

分享到:
评论

相关推荐

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

    在使用JavaScript进行DOM操作时,`setAttribute`是一个常用的API,它允许开发者为HTML元素添加新的属性或者修改元素现有的属性。然而,在不同的浏览器中,`setAttribute` 方法在处理一些特定的事件监听属性(如`...

    前端开源库-jsdom-papandreou

    1. 性能问题:由于 JSDOM 需要解析整个 DOM,对于大型 HTML 文档,其性能可能会比浏览器中的 DOM 操作慢。 2. 兼容性:JSDOM 并未完全实现 W3C DOM 规范,有些浏览器特有的特性和 API 可能无法使用。 3. 资源消耗...

    IE6用setAttribute添加事件无效

    总结来说,"IE6用setAttribute添加事件无效"的问题提醒我们在进行前端开发时,必须考虑到浏览器的兼容性问题,尤其是对老旧版本的IE浏览器。通过使用条件判断、库或适配器模式,我们可以编写出能够在各种浏览器环境...

    DOM_参考手册.pdf

    在使用DOM操作时,需要考虑到不同浏览器之间的兼容性问题。此外,对DOM频繁的操作可能导致性能问题,尤其是在大型文档中或者在频繁更新UI的场景中。开发者应该尽量优化DOM操作,比如通过使用文档片段...

    javascript中setAttribute()函数使用方法及兼容性

    通过上述接口方法`dom.setAttribute(el, name, value)`,我们可以将元素`el`的`name`属性设置为`value`值,同时处理了属性名称的兼容性问题。这样的封装使得在实际的开发过程中,我们可以更加方便地编写兼容性良好的...

    DOM基础.doc

    然而,由于历史原因,不同浏览器对DOM的实现可能存在差异,因此在实际开发中需要注意兼容性问题。 总的来说,DOM是Web开发中不可或缺的一部分,它为开发者提供了强大而灵活的工具,使得HTML和XML文档能够被程序化地...

    javascript firefox兼容ie的dom方法脚本

    在给定的标题和描述中,主要涉及了JavaScript在Firefox和IE中DOM方法的兼容问题以及相应的解决方案。以下是一些关键点的详细解释: 1. **集合类对象的获取**:在IE中,可以用`()`或`[]`获取集合类对象(如`...

    DOM Scripting Web Design with JavaScript and the Document Object Model

    7. 脚本性能优化:如何编写高效的DOM操作脚本,避免常见的性能问题,如过度操作DOM导致页面重绘和回流等。 8. 跨浏览器兼容性:解决不同浏览器对DOM和JavaScript API支持上的差异,可能涉及polyfills、feature ...

    JS中使用DOM来控制HTML元素.docx

    在例子中,通过这两个属性可以获取到整个文档的宽度和高度,解决浏览器的兼容性问题。 4. **getElementById()**: 这个方法是根据元素的ID获取元素的常用方式。在上述removeNode()函数中,通过这个方法找到了id为...

    dom-源码.rar

    5. **兼容性处理**:考虑到不同浏览器对DOM API的实现可能存在差异,需要做相应的兼容性适配。 总之,"dom-源码.rar"提供的源代码对于Web开发者来说是一份宝贵的资源,可以帮助他们深入理解DOM的工作原理,优化代码...

    JavaScript中的DOM

    DOM方法包括getAttribute()和setAttribute(),前者获取属性值,后者设置属性值。 4.6 操作元素 - 创建元素:使用`document.createElement('element')`创建新元素。 - 创建文本节点:`document.createTextNode('...

    JavaScript DOM 编程艺术1

    为了统一标准,ECMAScript规范应运而生,逐渐解决了浏览器间的不兼容问题,为JavaScript的发展奠定了基础。 2. JavaScript语法: - 语句:JavaScript的基本组成单元,如声明、表达式或控制流程语句。 - 注释:...

    JavaScript DOM高级程序设计

    10. **jQuery和其他库**:虽然本资源可能不涉及jQuery等库,但它们提供了更简洁的API来操作DOM,简化了跨浏览器兼容性问题。 学习JavaScript DOM高级程序设计,不仅可以提升网页动态化的技能,也是进阶前端开发的...

    完美解决png在ie6兼容问题完整示例

    总的来说,解决PNG在IE6的兼容问题需要结合多种技术和策略,根据项目需求和目标用户的浏览器分布进行权衡和选择。随着IE6使用率的下降,现在的网页设计更多地转向了对现代浏览器的支持,但了解这些问题的历史和解决...

    JavaSript DOM总结笔记.rar

    - 使用polyfills(如jQuery)或Babel等工具可以解决兼容性问题。 通过理解并熟练运用这些JavaScript DOM知识,开发者能够高效地创建交互式、动态的Web应用。在实际项目中,应根据需求选择合适的DOM操作方法,并...

    javascript DOM笔记 1

    为了解决这个问题,可以使用`children`属性,它仅返回元素节点,是一个更兼容的获取子元素的方法。`nodeType`属性用于识别节点类型,其中1表示元素节点,2表示属性节点,3表示文本节点。 此外,`parentNode`属性...

    DOM编程基础.docx

    文档对象模型(DOM)是Web开发中的一个关键概念,它为HTML和XML文档提供了一种结构化的表示方式,并允许程序和...在实际工作中,结合库和框架如jQuery、React或Vue等使用DOM API,可以提高开发效率,减少兼容性问题。

    Dom要点归纳

    #### 六、DOM兼容性问题 - 在不同的浏览器中,某些DOM操作可能会有不同的实现方式,如: - 获取文本内容:IE使用`innerText`,其他浏览器使用`textContent`。 - 添加事件监听器:IE使用`attachEvent`,其他浏览器...

    JavaScript——DOM

    例如,jQuery提供了一套更易用的API来处理DOM操作,简化了跨浏览器兼容性问题。 级联.html文件可能包含了一个关于级联下拉菜单的示例,这在网页表单中非常常见。在JavaScript中,可以通过DOM操作来实现这样的功能,...

    AJAX开发简略 DOM文档对象中文手册

    而AJAX开发简略(含续一).pdf文件则可能深入讲解AJAX的原理、实现方式、浏览器兼容性问题以及实际开发中的技巧和注意事项。 理解并熟练运用AJAX和DOM,开发者可以构建更加互动、响应迅速的Web应用,提供更佳的用户...

Global site tag (gtag.js) - Google Analytics