【firstChild,lastChild,nextSibling,previousSibling & 兼容性写法】的更多相关文章

firstChild,lastChild,nextSibling,previousSibling & 兼容性写法

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul id="ul1"> <li>0001</li> <li>0002</li> <…

兼容的firstChild,lastChild,nextSibling,previousSibling写法

在IE下是支持firstChild,lastChild,nextSibling,previousSibling 但是在FF下,由于它会把标签之间的空格当成文本节点,所以为了准确地找到相应的元素,会用 firstElementChild, lastElementChild, nextElementSibling, previousElementSibling 兼容的写法是这样的 var oFirst = oParent.firstElementChild||oParent.firstChild  …

HTML DOM firstChild lastChild nextSibling previousSibling 属性_获取属性值的undefined问题

<html> <head> <title>HTML示例</title> <style type="text/css"> </style> </head> <body> <ul id="ulid"> <li id="li1">qqqqq</li> <li id="li2">wwww<…

常用原生JS方法总结（兼容性写法）

经常会用到原生JS来写前端...但是原生JS的一些方法在适应各个浏览器的时候写法有的也不怎么一样的... 今天下班有点累... 就来总结一下简单的东西吧…… 备注:一下的方法都是包裹在一个EventUtil对象里面的,直接采用对象字面量定义方法了... ①添加事件方法 addHandler:function(element,type,handler){ if(element.addEventListener){//检测是否为DOM2级方法 element.addEventListener(typ…

css各浏览器的兼容性写法

各浏览器下的兼容性写法 老版Chrome     -webkit-xxx FF                  -moz-xxx IE9                 -ms-xxx opera              -o-xxx 标准.高版本Chrome     xxx JS兼容型写法 大写:Webkit Transition =… 全都加一遍:Webkit….Moz….O….ms… eg: <style> .box{ width:200px;height:200px;backgro…

常用原生JS兼容性写法汇总

1.添加事件方法 addHandler:function(element,type,handler){ if(element.addEventListener){//检测是否为DOM2级方法 element.addEventListener(type, handler, false); }else if (element.attachEvent){//检测是否为IE级方法 element.attachEvent("on" + type, handler); } else {//检测是否…

Javascript selection的兼容性写法介绍

本文为大家讲解下Javascript selection的兼容性写法,感兴趣的朋友可以参考下 function getSelectedText() { //this function code is borrowed from: http://www.codetoad.com/javascript_get_selected_text.asp var txt = ""; if (window.getSelection) { txt = window.getSelection(); } e…

JavaScript数组方法的兼容性写法 汇总：indexOf()、forEach()、map()、filter()、some()、every()

ECMA Script5中数组方法如indexOf().forEach().map().filter().some()并不支持IE6-8,但是国内依然有一大部分用户使用IE6-8,而以上数组方法又确实非常好用.在过去,我会为了兼容性尽量不用这些方法.但是,总不能为了旧的丢了新的吧?!虽然说jQuery已经集成好了不少语法糖,但jQuery体积太庞大,作为一名志于体面的前端儿得知道原生的兼容性写法要怎么写.于是这几天,我开始在琢磨这些方法的兼容性写法.其实并不难,就是以前不够自信不敢写.写完以后,…

CSS- ie6,ie7,ie8 兼容性写法,CSS hack写法

css ie6,ie7,ie8 兼容性写法,CSS hack写法 margin-bottom:40px;       /*ff的属性*/margin-bottom:140px\9;    /* IE6/7/8的属性 */color:red\0;              /* IE8支持 */*margin-bottom:450px;     /*IE6/7的属性*/  +margin-bottom:450px;_color:#ff0000;         /* 只ie6支持 */ #1 {…

javascript解决getElementById()的bug以及getElementsByClassName的兼容性写法

<a name="target" href="#">链接</a> <p id="target">文字说明</p> 一. 以上代码中都可以通过document.getElementById("target")获取a标签和p标签,这就是getElementById()的bug所在: <script> var getElementById=function(id){ var…