`
japankn
  • 浏览: 216106 次
  • 性别: Icon_minigender_1
  • 来自: 广西
社区版块
存档分类
最新评论

在javascript中使用dom操作时的一些兼容问题

阅读更多

1、清空节点元素下的内容

    -1、第一种方法是通过获取子元素节点进行删除操作

          function(obj){//传入节点对象

                var objsub = obj.childNodes();

                for(i = 0 ; i < objsub.length ; i++){

                    obj.removeChild(objsub[i]);

                }

          }//效率低

    -2、使用innerHTML或innerText

        在IE6中innerHTML会对一些不能作为容器使用的标签操作,会报未知运行时错误,这时就得使用innerText了。

        在代码为了兼容性,可以这样写

        obj.innerHTML = "";

        obj.innerText = "";

 

2、checkbox问题

     通常在使用DOM控制节点属性时,会这样做:

     obj.className = "";

     obj.setAttribute("class","");

     但是在设置checkbox默认为选中时,IE和Mozilla发生了不同

    

     checkbox_obj.checked = "true"  或 "checked";

     这样的写法在Mozilla中正常运行,但在IE中去不能执行,那么我们这样写:

     checkbox_obj.defaultChecked = "true";//默认为选中

     checkbox_obj.checked = "true";            //返回值为true,如果只设置上面的,那么只会在显示效果上变了,不

                                                                   //会对checkbox的真实值产生影响

分享到:
评论

相关推荐

    前段JS开发和DOM兼容问题大全

    在前端开发中,JavaScript和DOM操作是核心组成部分,而...通过上述的知识点梳理,前端开发者可以在进行跨浏览器的JavaScript和DOM操作时,避免一些常见的兼容性问题,并采取相应的解决策略来提高代码的兼容性和稳定性。

    JavaScript DOM编程艺术.pdf

    书中强调了一些至关重要的JavaScript编程原则和最佳实践,例如预留退路、循序渐进和以用户为中心。这些原则对于前端Web开发至关重要,因为它们不仅指导开发者编写更加健壮和可维护的代码,还帮助开发者更好地理解...

    JavaScript中的DOM

    在JavaScript中,DOM(Document Object Model)是一种用于表示HTML或XML文档的标准模型,它将文档解析为一个可操作的节点树。DOM允许我们通过JavaScript来查找、访问、修改和添加文档的结构、内容和样式。 4.1 ...

    JavaScript+DOM编程艺术

    这本书旨在为读者提供JavaScript语言基础以及DOM操作的核心技能,同时强调了在前端Web开发中至关重要的设计理念,如预留退路、循序渐进和以用户为中心。 首先,JavaScript是一种广泛应用于网页和网络应用的脚本语言...

    javascript为DOM绑定事件 兼容

    为 DOM 绑定事件需要考虑浏览器的兼容性问题,我们可以使用不同的方式来绑定事件,包括直接为 Element 对象绑定事件、使用 W3C 的 addEventListener 和 IE 的 attachEvent 方法,以及自定义绑定函数等。

    JavaScript DOM编程艺术 第2版+代码

    书中首先介绍了DOM的基本概念,包括DOM的层次结构、节点类型以及如何通过JavaScript访问和操作这些节点。DOM是HTML和XML文档的抽象表示,它将网页内容结构化为一个可编程的对象树,使得开发者可以利用JavaScript动态...

    JavaScript_DOM编程艺术第二版高清(中文)

    书中还可能涵盖了错误处理、性能优化、跨浏览器兼容性等实际开发中常见的问题,帮助读者避免常见的陷阱并提升代码质量。此外,实战示例和练习题穿插在各章节中,旨在强化理论知识,提高实际操作能力。 总之,...

    JavaScript中DOM详解.docx

    JavaScript中的DOM(Document Object Model)是一种标准,它允许开发者通过编程方式操纵HTML和XML文档的...在进行DOM操作时,要时刻关注代码的可读性、可维护性和跨浏览器兼容性,以确保代码在各种环境下都能正常工作。

    JavaScript DOM编程艺术第二版(英文).pdf

    总的来说,这本书是一本面向JavaScript初学者的实践指南,涉及了从基础到进阶的多种知识点,包括JavaScript语言基础、Web页面设计、DOM操作技巧、编程实践案例以及如何在实际开发中应用这些技能。通过这本书,新手...

    dom和javascript关系

    因此,开发者在编写JavaScript代码时需要考虑到跨浏览器兼容性问题。 在实际应用中,DOM和JavaScript的结合使得网页动态化成为可能。例如,通过JavaScript和DOM,我们可以实现用户交互功能,如响应按钮点击事件,...

    JavaScript DOM编程艺术

    9. **跨浏览器兼容性**:由于不同浏览器对JavaScript和DOM的支持程度不同,书中还会涉及如何处理兼容性问题,确保代码能在多种浏览器环境下正常工作。 10. **最佳实践**:最后,书中会强调良好的编程习惯,如避免...

    DOM Scripting Web Design with JavaScript and the Document Object Model

    《DOM Scripting Web Design with JavaScript and the Document Object Model》是Jeremy Keith与Jeffrey Sambells合著的一本书,专注于使用JavaScript和文档对象模型(DOM)进行Web设计的技术。DOM是万维网联盟(W3C...

    【移动端兼容问题研究】javascript事件机制详解(涉及移动兼容)1

    本文将深入探讨JavaScript事件的捕获/冒泡阶段,DOM事件流,以及如何在实际应用中处理兼容性问题。 1. 事件捕获与冒泡阶段: - **事件捕获**:事件从最外层的document开始,向下逐级传递到最具体的元素(事件的...

    javascript 原生Dom对象和jQuery对象的联系和区别

    JavaScript中的DOM对象和jQuery对象是两种不同的数据结构,它们在处理网页元素时有着各自的特性和优缺点。了解它们之间的联系和区别对于JavaScript开发者来说至关重要,因为这有助于选择合适的工具进行网页交互。 ...

    domtoimage使用HTML5canvas从DOM节点生成图像

    10. **兼容性问题**:虽然HTML5和Canvas在现代浏览器中得到了广泛支持,但在一些老旧或非主流浏览器中可能存在问题。开发者需要考虑如何处理这些不兼容情况,例如使用polyfills或备用方案。 综上所述,domtoimage库...

    javascript DOM笔记 1

    在本文中,我们将深入探讨一些关键的DOM操作,特别是与获取和操作元素及它们的子节点相关的知识点。 首先,创建新的DOM元素可以通过`createElement`方法实现。例如,如果你想要创建一个新的`&lt;div&gt;`元素,你可以写`...

    PowJS基于DOMTree的JavaScript模板引擎

    - **兼容性问题**:依赖于DOM,可能在不支持DOM的老式浏览器中无法运行。 - **学习曲线**:需要学习特定的模板语法和API。 - **资源消耗**:处理大量数据或复杂模板时,可能会占用更多的内存和CPU资源。 PowJS与...

Global site tag (gtag.js) - Google Analytics