ie6-ie8 不支持textContent支持innerText
chrome  支持textContent  innerText
fireFox    仅支持textContent不支持innerText

<body>

<div id="s1">

<p>ceshi </p>

</div>

</body>

<script>

        var s1=document.getElementById('s1');

        console.log(s1.innerHTML);  //输出   <p>ceshi </p>

        console.log(s1.outerHTML); //输出<div id="s1">

                                        <p>ceshi </p>

                                        </div>

        console.log(s1.innerText=s1.textContent); //输出ceshi

        console.log(s1.outerText=s1.textContent); //输出ceshi

</script>

修改css样式　　

一般用js修改样式，都是获取id,如

    var oDiv=document.getElementById("div1");

    //alert(oDiv.style.width);

    //获取非行间样式

但是這是修改行间的属性，还记得style有优先级吗，有时候我想改的不是行间的代码，改的是style标签的代码

就需要用到以下的函数

    //ie下

      alert(oDiv.currentStyle.width);

    //chrome 和firefox下

      alert(getComputedStyle(oDiv,false).width);

这就涉及到兼容性问题

解决此问题就最好用if语句

    if(oDiv.currentStyle)

    {

        alert(oDiv.currentStyle.width);

    }

    else

    {

         alert(getComputedStyle(oDiv,false).width);

    }

childNodes,firstElementChild,firstChild

首先先看看childnodes

<body>

<ul id="ul1">

    <li></li>

    <li></li>

</ul>

</body>

<script>

        var oUl =document.getElementById("ul1");

        for (var i=0;i<oUl.childNodes.length;i++)

        {

            if (oUl.childNodes[i].nodeType==1)  //nodeType=3表示文本节点，即空格，=1就是标签节点

            {

                oUl.childNodes[i].style.background='red';

            }

        }

</script>

這里的childNodes.length为5

和我们想的2相差很大，原因是因为childnodes在ie可以正常显示为2，但是在谷歌和火狐浏览器中就显示5

因为谷歌和火狐浏览器把<li></li>前面的空格也当作一个childnode，叫文本节点。

为了避免這个问题

可以用children、

        for (var i=0;i<oUl.children.length;i++)

        {

             oUl.children[i].style.background='green';

        }

这是全兼容的，

获取第一个节点有ie和火狐也有不同的函数，为了兼容性，可以写成這样

if (oUl.firstElemenChild)  //用于火狐和chrome

{

     oUl.firstElementChild.style.background='black';

 }

else

{

    oUl.firstChild.style.background="black"; //用于ie5-7

}

　　

　

　　

javascript各种兼容性问题，不断更新的更多相关文章

  1. JAVASCRIPT 浏览器兼容性问题及解决方案列表

    JAVASCRIPT 浏览器兼容性问题及解决方案列表(1)获取HTML元素只兼容IE:document.all.hello hello 兼容所有: document.getElementById(“h ...

  2. JavaScript 事件兼容性写法

    1.以下是JavaScript事件兼容性写法,使用者可以随意使用,兼容所有浏览器.包括IE6(亲测) <!DOCTYPE html> <html> <head> & ...

  3. JavaScript 使用技巧（持续更新）

    JavaScript 使用技巧(持续更新) 类型检测 使用Object.prototype.toString.call(obj)的方式. 因为无论typeof还是instanceof都无法做到精确判断 ...

  4. 目前最全的浏览器/CSS选择器兼容性总结(2009-8-10更新)

    2009年2月24日,Safari 4.0 beta版正式发布,Safari从它的3.2版本开始就已经支持所有的CSS选择器(包括最新的CSS3).不过为了方便大家的工作,下面提供了最新版本的CSS选 ...

  5. javascript opacity兼容性随笔

    一.CSS兼容代码 .transparent { filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* FireFox old version ...

  6. javascript event兼容性随笔

    一.前言 function ConvertEvent(e, element) { var event = e || window.event; var resultEvent = { event: e ...

  7. javascript Xml兼容性随笔

    一.前言 (function (window) { if (!window.jasen) { window.jasen = {}; } if (!window.jasen.core) { window ...

  8. javascript position兼容性随笔

    一.Javascript源码 if (!window.jasen.core.Position) { window.jasen.core.Position = {}; } function Size(w ...

  9. JavaScript及兼容性笔记

    1. Json to String JSON.stringify(jsonobj)//(IE8+,Chrome 1+,FF 3+) //参考 http://www.nowamagic.net/libr ...

随机推荐

  1. TX Textcontrol 使用总结一

    以下内容纯属个人使用感想,如有问题,还望讲解!!! 简介与使用感想: TX Text Control是一套功能丰富的文字处理控件,它以可重复使用控件的形式为开发人员提供了Word中常用的文字处理功能, ...

  2. 战胜忧虑<5>——运用亚里士多德法则

    运用亚里士多德法则 如果人们将忧虑的时间,用来寻找解决问题的答案,那忧虑就会在人们智慧的光芒下消失.那么当你面对忧虑时,应该怎么办理?答案是,我们一定要学会用下面三种分析问题的基本步骤来解决各种不同的 ...

  3. usaco 2010年3月银组题解

    usaco银组解题报告 一．石子游戏如果把‘O’当作0,‘X’当做1,则N个洞的每一种状态都可以看做是一个N位二进制数.于是,这个问题就变成了求环绕的N位格雷码.幸运的是,这个结构很容易就能够用一个简 ...

  4. HDU 5428 The Factor

    话说这题意真的是好难懂啊,尽管搜到了中文题意,然而还是没懂,最后看到了一个题解才懂的.http://www.cnblogs.com/Apro/p/4784808.html#3470972 题意:给出n ...

  5. Linux命令（14）文件和文件夹权限管理：chmod

    linux文件和文件夹权限简介: chmod命令用于改变linux系统文件或目录的访问权限.用它控制文件或目录的访问权限. Linux系统中的每个文件和目录都有访问许可权限,用它来确定谁可以通过何种方 ...

  6. 小白也能用Git管理团队项目了：百度云同步+Git Extensions+Git Source Control Provider

    百度云同步 百度云同步,会将本地的某个文件目录和云端进行同步.如果在本地将这个同步的目录设置为Git的中心服务器,那么本地push到中心服务器的内容也会被同步到云端.其他开发者只要也进行相同的设置,就 ...

  7. Maven内置隐式变量(转)

    Maven提供了三个隐式的变量可以用来访问环境变量,POM信息,和Maven Settings env env变量,暴露了你操作系统或者shell的环境变量.便 如在Maven POM中一个对${en ...

  8. 【转】深入理解DIP、IoC、DI以及IoC容器

    原文链接:http://www.cnblogs.com/liuhaorain/p/3747470.html 前言 对于大部分小菜来说,当听到大牛们高谈DIP.IoC.DI以及IoC容器等名词时,有没有 ...

  9. java小程序

    1.水仙花数 这个数等于它的每位数的立方和 (三位数) 示例一: int i; int j; int k; for (i=1;i<=9;i++) { for (j=0;j<=9;j++){ ...

  10. $.ajax()引发的对Deferred的总结

    传统的ajax写法: $.ajax({ url:"1.json", type:"get", success:function(data){}, error:fu ...