【关于firstChild,firstElementChild和children】的更多相关文章

关于firstChild,firstElementChild和children

<div> <p>123</p> </div> 在上面这段代码中,如果使用以下js代码 var oDiv=document.getElementByTagName("div")[0]; alert(oDiv.firstChild.nodeName) 在ie9以下,alert出来的是p(p标签名字),但是在现代浏览器下,比如Chrome,FF,ie11等等,由于会把<div>   <p>两个标签之间的空白节点也解析出…

js与jQuery方法对比

  javascript与jQuery方法对比jquery对象转dom对象 // 方式一(推荐使用) $("input")[0] // 方式二 $("input").get(0) // 方式三 $("input").eq(0)[0] // 方式四 $("input:eq(0)")[0] var getObjectByJs = document.getElementById("test"); var getO…

js的DOM的方法和属性总结

1.DOM的获取元素document.getElementById()context.getElementsByTagName(tag) (可以获取相应上下文环境所有的tag标签)context.getElementsByClassName() (ie6-8不兼容)context.getElementsByName()(ie6-8只能用于表单元素)document.bodydocument.documentElementcontext.querySelector()/querySelectorA…

javascript中DOM部分基础知识总结

1.DOM介绍      1.1 DOM概念      文档对象模型(Document Object Model),它定义了访问和处理HTML文档的标准方法.现在我们主要接触到的是HTML DOM. HTML文档中的每个成分都是一个节点.HTML文档中的所有节点组成了一个文档树(节点树).HTML文档中的每个元素.属性.文本等都代表着树中的一个节点.树起始于文档节点,并由此继续延伸枝条,直到处于这棵树最低级别的所有文本节点为止.学习DOM,就是学习一些操作页面元素的API(方法).下图表示一个文…

DOM，BOM

1.DOM:文档对象模型(Document Object Model) 1)子节点:只是这一代的后代,不会计算后代的后代  1.childNodes:获取子节点,    --IE6-8:获取的是元素节点,正常    --高版本浏览器:但是会包含文本节点和元素节点(不正常) 2.nodeType:节点的类型    --nodeType=3-->文本节点    --nodeTyPE=1-->元素节点    所以获取元素节点兼容的方法:      for(var i=0;i<oUL.child…

Javascript DOM基础（一）概念

Dom基础概念: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> /* DOM : Document Object Model 文档对象模型 文档:html页面 文档对象:页面中…

Javascript 绝对定位和相对定位

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"&…

dom 笔记

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>dom</title> <script> /** * 子节点 childNode (有兼容问题) * ie6-8 没问题 * nodeType==3 文本节点 * nodeType==1 元素节点 * children 都兼容 * 父节点 par…

Child&ElementChild

关于firstChild&firstElementChild及其同类属性使用,同时分析不同浏览器下child的包含的节点差异 <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function (){ /*本例中所有属性均为只读属性*/ var oBox = document.getElementById('box'); var…

javascript DOM小结

一:定义 dom:文档对象模型. dom是针对HTML和XML文档的一个API.dom描绘了一个层次化的节点树,允许开发人员添加.移除.修改页面的某一部分. 1:childNodes(返回当前节点的子节点列表) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>dom1</title> <style&…