js的nextSibling,属性兼容IE和FF等浏览器

Firefox中空白字符,比如回车,空格等也算作一个Node 就是firstChild,nextsbiling这两个.下面给出函数吧.还是代码比较说明问题代码都是网上来的.不过要注意的是,getNext和getFirstChild是不一样的next是下一个,同级别的下一个,不会取到自己这个节点的子节点. 可能是因为对dom的理解不一样ie和firefox对firstChild,nextSbiling的处理不太一样.所以要取到下一个结点,只能用type来判断了. function getNext…

div+css 布局下兼容IE6 IE7 FF常见问题

div+css 布局下兼容IE6 IE7 FF常见问题收藏所有浏览器通用 (市面上主要用到的IE6 IE7 FF)height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7.FF 共用 height: 100px !important;一.CSS 兼容以下两种方法几乎能解决现今所有兼容. 1, !important (不是很推荐,用下面的一种感觉最安全) 随着IE7对!i…

设为首页和收藏本站js代码兼容IE,chrome,ff

设为首页和收藏本站js代码兼容IE,chrome,ff //设为首页 function SetHome(obj,url){ try{ obj.style.behavior='url(#default#homepage)'; obj.setHomePage(url); }catch(e){ if(window.netscape){ try{ netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"…

js nextSibling属性和previousSibling属性概述及使用注意

1:nextSibling属性该属性表示当前节点的下一个节点(其后的节点与当前节点同属一个级别):如果其后没有与其同级的节点,则返回null. 需要特别注意的是:该属性在不同的浏览器中的执行结果并不都相同,见下面例示: 先来看一个例子: 该对象的结构表面上看,div的nextSibling只有2项——两个input节点.但实际上有5项——/n,input,/n,input,/n.这是因为input作为创建各种表单输入控件的标签,无论是生成button.checkbox.radio...等或其他…

js操作XML文件兼容IE与FireFox

最近项目中用到了xml,需求是用户安装产品时先把一系列的数据保存到xml文件中,当执行到最后一步时才写入数据库,这样最大限度的减少了数据库的访问,于是不得不纠结在各浏览器的兼容性的问题(悲哀啊....) 进入正文下面是一个xml文件 (createInstal.xml) <?xml version="1.0" encoding="utf-8"?> <info> <Item> <id descrption="级别&…

JS获取网页属性包括宽、高等

JS获取网页属性包括宽.高等. function getInfo() { // www.jbxue.com var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth+" "; s += " 网页可见区域高:"+ document.body.clientHeight+" "; s += " 网页可见区域宽:"+ document…

js函数的属性和方法

js函数的属性和方法前面的话函数是javascript中特殊的对象,可以拥有属性和方法,就像普通的对象拥有属性和方法一样.甚至可以用Function()构造函数来创建新的函数对象.本文是深入理解javascript函数系列第三篇——属性和方法属性 [length属性] 函数系列第二篇中介绍过,arguments对象的length属性表示实参个数,而函数的length属性则表示形参个数 function add(x,y){ console.log(arguments.length)//3 c…

简单理解js的prototype属性

在进入正文之前,我得先说说我认识js的prototype这个东西的曲折过程. 百度js的prototype的文章,先看看,W3School关于prototype的介绍: 你觉得这概念适合定义js的prototype这个东西吗?你是否也认为prototype是一个object对象的属性呢?是的话,请认真认真看我这篇文章,因为这篇文章会毁灭你的人生三观,呵呵,就是有这么严重,因为本人就是被这个定义给害惨的. 不得不说,看了网上的一些介绍prototype的文章,基本上都说prototype是对象的一…

JS中style属性

解决办法:1.先定义一个CSS规则,然后this.className=''2.document.getElementByIdx_x("a").style.cssText="border-collapse:collapse;border-spacing:1;border:1 solid #0B2565;background-color:white;color:black;text-align='center';" JS操作css的float属性的特殊写法使用js操作c…

js 事件监听兼容浏览器

js 事件监听兼容浏览器 ie 用 attachEvent w3c(firefox/chrome) 用 addEventListener 删除事件监听 ie 用 detachEven removeEventListener <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/ht…

JS的Document属性和方法小结

Document想必大家并不陌生吧,在使用js的过程中会经常遇到它,那么它有哪些属性.哪些方法,在本文将以示例为大家详细介绍下,希望对大家有所帮助 document.title //设置文档标题等价于HTML的title标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) document.linkColor //未点击过的链接颜色 document.alinkColor //激活链接(焦点在此链接上)的颜色 document.…

用js控制css属性

在用js控制css属性时,行内css属性可以任意控制,但若是在<style></style>中写的css属性,均不能用alert读取,但是赋值却有几种现象, 第一种:无法读取,能直接赋值如下: <!DOCTYPE html> <head> <title>新建网页</title> <meta http-equiv="Content-Type" content="text/html; charset=…

jQuery与js的length属性

js:length 属性可返回字符串中的字符数目. stringObject.length jQuery:length 属性包含 jQuery 对象中元素的数目. $(selector).length <script type="text/javascript"> var txt="Hello World!" document.write(txt.length)-------12 </script> $("button")…

js 获取对象属性个数

js 获取对象属性个数方法一: var attributeCount = function(obj) { var count = 0; for(var i in obj) { if(obj.hasOwnProperty(i)) { // 建议加上判断,如果没有扩展对象属性可以不加 count++; } } return count; } var testObj = { name1: "value1", name2: "value2" }; alert(attrib…

js跨域传值,兼容ie8以上

js跨域传值,兼容ie8以上事先说明,此方法并不支持ie8,如果想要支持ie8的话,需要用这种思路(来自微软): if (window.addEventListener) { window.addEventListener('message', function (e) { if (e.domain == 'example.com') { if (e.data == 'Hello World') { e.source.postMessage('Hello'); } else { console…

js 时间格式化（兼容safari）

js 时间格式化,兼容IE8和safari浏览器. function formatDate(date, fmt, near, type) { var dateStr = date; if (!dateStr || !fmt) { return; } if (near && typeof date == 'string') { if (!(dateStr - 0)) return; if (!type || type == 'date') { dateStr = dateStr.substr…

Vue.js：计算属性

ylbtech-Vue.js:计算属性 1.返回顶部 1. Vue.js 计算属性计算属性关键词: computed. 计算属性在处理一些复杂逻辑时是很有用的. 可以看下以下反转字符串的例子: 实例 1 <div id="app"> {{ message.split('').reverse().join('') }} </div> 尝试一下 » 实例 1 中模板变的很复杂起来,也不容易看懂理解. 接下来我们看看使用了计算属性的实例: 实例 2 <div…

监听浏览器使用不同版本js并且处理ie兼容getElementByClassName

if(window.addEventListener){ document.write('<script src="js/jquery-2.1.4.min.js"><\/script>'); }else if(window.attachEvent){ document.write('<script src="js/jquery-1.8.3.min.js"><\/script>'); //解决ie兼容getElement…

JS获取元素属性和自定义属性

获取元素的属性分为两种类型: 1-获取元素常见的属性(class,id,type,value……) 2-获取自定义的元素的属性(data-value,data-mess…….) 获取元素的属性,设置元素的属性: 1-原生JS 设置属性 .setAttribute("属性","值") 获取属性 .getAttribute("属性") 2-jquery 设置属性 .attr("属性","值") 获取属性 .at…

js dom element 属性整理（原创）

最近去几家公司面试,发现大多数时候面试的内容考的都是原生的js语法和属性,所以我决心整理一下原生的dom元素的属性. 首先,我我们需要获取一个element元素 <li id="2">菜单B</li> 下面列举出在 google chrome 下的属性.(图片) 1.第一块 2.第二块 3.第三块 4.第四块 5.第五块 6.第六块 7.第七块 ----------------------------------------------------- 华…

selenium3 + python - js处理readonly属性

前言日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题. 基本思路:先用js去掉readonly属性,然后直接输入日期文本内容代码整理如下: from selenium import webdriverfrom selenium.webdriver.support.wait import WebDriverWaitimport time as t driver = we…

js中的所有兼容问题总结

js兼容问题总结在学习js过程中很多人都遇到过兼容问题,这些兼容问题是因为各版本浏览器不同导致的,为了解决这些兼容问题,js给我们提供了解决这些兼容问题的方案,对此,我个人进行了汇集以及总结. 1.阻止事件冒泡的兼容 var e = eve || window.event; stopBubble(e); function stopBubble(e){ if(e.stopPropagation){ e.stopPropagation(); }else{ e.cancelBubble = tr…

vue.js操作元素属性

vue动态操作div的class 看代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue.js操作元素属性</title> <script src="vue.js"></script> </head> <style> .red{…

原生js获取display属性注意事项

原生js获取diaplay属性需要在标签上写行间样式style='display:none/block;' <div style="display:block;"></div> <script> let divBox = document.getElementsByTagName('div')[0]; divBox.style.display </script>…

js对象中属性调用.和[] 两种方式的区别

JS 调用属性一般有两种方法——点和中括号的方法. 标准格式是对象.属性(不带双引号),注意一点的是:js对象的属性,key标准是不用加引号的,加也可以,特别的情况必须加,如果key数字啊,表达式啊等等. 加引号是为了将其视为整体,认识一点:从对象角度,属性是不加引号的,如name,"name"这是啥,属性不可能是“name”,所以即使加了双引号,对象调用时还是要去掉引号的例如使用.方法 var obj = { name: "cedric" } console.…

复习一下js的prototype 属性

<html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <script> /* 复习一下js的prototype 属性定义和用法 prototype 属性允许您向对象添加属性和方法注意: Prototype 是全局属性,适用于所有的 Javascript 对象. 语法 obje…

JS基础_属性名和属性值

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var obj = new Object(); /* * 向对象中添加属性 * 属性名: * - 对象的属性名不强制要求遵守标识符的规范 * 什么乱七八糟的名字都可以使用 * - 但是…

nextSibling 属性与 nextElementSibling 属性的异同

不同点: nextSibling 属性返回元素节点之后的下一个兄弟节点(包括文本节点.注释节点): nextElementSibling 属性只返回元素节点之后的下一个兄弟元素节点(不包括文本节点.注释节点): 相同点: nextElementSibling属性和nextSibling属性均为为只读属性. nextSibling 属性和nextElementSibling 属性的返回值都是Node 对象,表示元素的下一个兄弟节点,如果没有下一个兄弟元素则返回 null. 提示: 使用 previ…

JS对象中属性的增删改查

对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性对象的分类: 1.内建对象 -在ES标准中定义的对象,在任何的ES的实现中都可以使用 -比如:Math String Number Boolean Function Object... 2.宿主对象 -由js的运行环境提供的对象,目前来讲主要指由浏览器提供的对象 …

9.Vue.js 监听属性

本章节,我们将为大家介绍 Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化. 以下实例通过使用 watch 实现计数器: <div id = "app"> <p style = "font-size:25px;">计数器: {{ counter }}</p> <button @click = "counter++" style = "font-size:25px;&…

【js的nextSibling,属性兼容IE和FF等浏览器】的更多相关文章