DOM节点信息包括节点类型(nodeType).节点名称(nodeName)和节点值(nodeValue). 节点类型 DOM节点中,每个节点都拥有不同的类型.W3C规范中常用的 DOM节点类型有以下几种: 节点类型 说明 值 元素节点 每一个HTML标签都是一个元素节点,如 <div> . <p>.<ul>等 1 属性节点 元素节点(HTML标签)的属性,如 id .class .name 等. 2 文本节点 元素节点或属性节点中的文本内容. 3 注释节点 表示文档注

JS获取浏览器类型和版本号,增加了IE11的判断. 2015/7/5更新: 简化代码逻辑 var zbrowser = {} var ua = navigator.userAgent.toLowerCase(); var browsers = ["msie", "firefox", "chrome", "opera", "safari", "iphone", "ipad&quo

bro () { let broName = 'Runing' let strStart = 0 let strStop = 0 let temp = '' let userAgent = window.navigator.userAgent // 包含以下属性中所有或一部分的字符串:appCodeName,appName,appVersion,language,platform // FireFox if (userAgent.indexOf('Firefox') !== -1) { strS

一.前言 相比于JS这条直达终点.满是荆棘的小路,jquery无疑是康庄大道了,足够的简洁.易用给了它辉煌的地位.然而,毕竟是绕着道的插件,当小路走着走着变成大路的时候,曾经的大路也就失去了他自身的优势了. 原生JS虽然没有jquery那么的好用.便捷,或者说没有jquery那样让我们使用的如此顺手,甚至是无法舍弃的依赖.可是我们依然不得不扔掉手中这根陪伴我们多年的拐杖,我们不是瘸子,我们不曾腐朽,我们还可以独立前行. 二.正文 1. jquery和原生JS获取节点的比较 //这是HTML代码,

先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 <div id="test"> <div></div> <div></div> </div> 原生的JS获取ID为test的元素下的子元素.可以用: var a = docuemnt.getElementById("

https://blog.csdn.net/duanshuyong/article/details/7562423 先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 <div id="test"> <div></div> <div></div> </div> 原生的JS获取I

一直感觉DOM节点什么的乱七八糟的不能理解,可能博客也没办法写清楚,只能把知道的一些信息大致写下来慢慢再补充了. HTML DOM类型 Node类型 Javascript中的所有节点类型都继承自Node类型,因此所有节点类型都共享着相同的基本属性和方法. 除IE外其他浏览器都可以访问到这个类型. 每个节点都有一个NodeType属性,用于表明节点的类型,节点类型由在Node类型中定义的下列12个常数值来表示,任何节点类型必居其一. 根据这些常量值可以很容易的判断节点类型. if(someNode

1. 通过顶层document节点获取:(1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法.如果页面上含有多个相同id的节点,那么只返回第一个节点. 如今,已经出现了如prototype.Mootools等多个JavaScript库,它们提供了更简便的方法:$(id),参数仍然是节点的id.这个方法可以看作是document.getElementById()的另外一种写法,不过$()的功能更为强大,具体

创建新节点 1.创建一个DOM片段createDocumentFragment() 例如: var d=document.createDocumentFragment(); d.appendChild(document.getElementsByTagName("LI")[0]); 2.创建一个具体的元素createElement() 例如: document.createElement("input"); 3.创建一个文本节点createTextNode() 例如

节点类型的分类 节点类型 说明 值 元素节点 每一个HTML标签都是一个元素节点,如 <div> . <p>.<ul>等 1 属性节点 元素节点(HTML标签)的属性,如 id .class .name 等. 2 文本节点 元素节点或属性节点中的文本内容. 3 注释节点 表示文档注释,形式为<!-- comment text -->. 8 文档节点 表示整个文档(DOM 树的根节点,即 document ) 9 nodeType.nodeName.nodeV

getElementById() getElementsByName() getElementsByTagName() hasChildNodes() nodeName nodeType=1元素节点/2属性节点/3文本节点 nodeValue <script type="text/javascript"> //取得input元素的名字 nodeName,类型nodeType值nodeValue; var inputElement=document.getElementByI

万物皆对象,而对象完全可以用键值对来表示,所以,在js中,也是通过键值对来表示对象的,在开发中,我在修改的时候,知道属性值可以直接用点.符号来获取值,但是写common.js的时候,发现这个属性名称是变化的,也就是这样就不能通过点来动态获取了,那么这个怎么获取呢? 先看下面 var obj = {"name1":"张三","name2":"李四"}; var key = "name1"; var value

<input value="我是用id来获取值的" type="button" onclick="GetById()"/> <input value="我是用Name来获取值的" type="button" onclick="GetByName()"/> <input value="我是用tagName来获取值的" type="

demo1: <!-- <div id="test" v="1">你好</div> --> // console.log(test.nodeType,test.getAttribute("v"),test.nodeName,test.firstChild.nodeValue);//firstChild.nodeValue是第一个节点的value的值 demo2: <ul id="test2&qu

var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得s的下一个兄弟节点 var ps=s.previousSbiling; //得到s的上一个兄弟节点 var fc=s.firstChild; //获得s的第一个子节点 var lc=s.lastChile; //获得s的最后一个子节点

本文为webuploader.js中学习心得,感谢开源,从中加入了ie的edge判断 /** * @description 简单的浏览器检查结果. * * * `webkit` webkit版本号,如果浏览器为非webkit内核,此属性为`undefined`. * * `chrome` chrome浏览器版本号,如果浏览器为chrome,此属性为`undefined`. * * `ie` ie浏览器版本号,如果浏览器为非ie,此属性为`undefined`. * * `firefox` fir

function add(){ var userAgent = navigator.userAgent, rMsie = /(msie\s|trident.*rv:)([\w.]+)/, rFirefox = /(firefox)\/([\w.]+)/, rOpera = /(opera).+version\/([\w.]+)/, rChrome = /(chrome)\/([\w.]+)/, rSafari = /version\/([\w.]+).*(safari)/; var browse

var ex = node; ; for (var j in ex) { alert("" + myIndex + ".(<font color='blue'>" + typeof (eval(str + "." + j)) + "</font>)<font color='red'>" + j + "</font>" + ":"); try

发布:脚本学堂/JavaScript  编辑:JB01   2014-01-23 15:40:11  [大 中 小] 介绍下js获取节点的兄弟.父级与子元素的方法,学习下js遍历节点的操作方法,有需要的朋友参考下.   先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素. 复制代码代码示例: <div id="test"><div

封装常用的js(Base.js)——[01]理解库,获取节点,连缀,  youjobit07 2014-10-10 15:32:59 前言:       现如今有太多优秀的开源javascript库,比如jQuery,Prototype,Dojo等等,这些javascript库已经把最常用的代码进行了有效的封装,以便我们开发,从而提高效率.现在我这里探讨的是自己创建一个javascript库,自己创建的肯定没有那些开源javascript库功能强大,目的主要是为了提升自己的原生javascrip