360搜索

文档对象模型 DOM Document Object Model js可以通过DOM来操作页面中的元素 获取DOM元素 document.getElementById('id') // 直接获取到的是DOM对象 // 获取到的是对应DOM对象的集合，是伪数组如果想要获取集合中的DOM对象，则使用 elements[index] document.getElementsByTagName('tagname') document.getElementsByClassName('className') document.getElementsByName('name') document.querySelector() document.querySelectorAll() DOM对象就是对象，DOM对象中的属性可以获取 HTML原生属性 不是关键字或保留字 DOM.属性名 是关键字或保留字 DOM.getAttribute('属性名') DOM.className HTML自定义属性 DOM.getAttribute('属性名') 如果只想给DOM对象设置属性，不出现在HTML中 DOM.属性名前提是属性名不能和HTML中原生属性一致 设置时 DOM.属性名 = 值 DOM.setAttribute(属性名,属性值) 删除 DOM.removeAttribute('属性名') 获取/改变HTML中元素内容 DOM.innerHTML DOM.innerText HTML支持标签，text只是文本 在获取时，text不会获取到标签内容， 在设置时，text会将标签明文显示 DOM.value 设置样式 DOM.style.css属性名 = 属性值 // 该方式设置的样式会出现在行内 通过该方式也只能获取到行内样式 可以通过设置className的方式对其进行解耦 先定义好css样式，在进行操作 DOM.style.display = none DOM.style.display = block .show{ display: block; } .hidden{ display: none; } DOM.className = hidden DOM.className = show DOM.style.cssText = // 可以同时设置多条样式 google的api，但所有浏览器都兼容 设置时要使用+= DOM.style.cssText += ;样式 获取计算后的样式 getComputedStyle(DOM, null).css样式 DOM.currentStyle.css样式 绑定事件 DOM0级 level0 绑定 DOM.on事件类型 = function(){ } 解绑 DOM.on事件类型 = null; 冒泡事件流 从事件作用元素沿着DOM树向上直到根节点，沿途中经过的元素如果有相同类型的事件则触发 捕获事件流 从根节点到事件作用元素，沿途中经过的元素如果有相同类型的事件则触发 DOM2级 level2 DOM.addEventListener(事件类型,事件句柄,是否捕获) DOM.removeEventListener(事件类型,事件句柄,是否捕获) IE8 DOM.attachEvent('on事件类型',事件句柄) DOM.detachEvent('on事件类型',事件句柄) 标准事件流 先捕获到达事件源再冒泡 打开CSDN，阅读体验更佳 Document 对象 每个载入浏览器的 HTML文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML页面中的所有元素进行访问。提示：Document 对象是 Window 对象的一部分，可通过 window.document属性对其进行访问。在document对象中有以下三个方法，对于程序员来说，真可谓无人不知，无人不晓，... 该问题涉及到作用域链，js对象和dom对象互相引用的问题。因为对于匿名函数而言，其作用域链包含三个对象：匿名函数的变量对象、doTry()的变量对象和全局变量对象。此时doTry函数对象中btn变量引用了dom对象，即do... 刚开始学习jQuery，可能一时会分不清楚哪些是jQuery对象，哪些是DOM对象。至于DOM对象不多解释，我们接触的太多了，下面重点介绍一下jQuery，以及两者相互间的转换这几天会将jQuery的一些使用方法总结一下，希望能... 本文实例分析了jQuery对象与DOM对象的转换方法。分享给大家供大家参考，具体如下： jQuery对象转换为dom对象 只有jQuery对象才能调用jQuery类库的各种函数，同样有些dom对象的属性和方法在jQuery上也是无法调用的，... 前言：在javascript里面动态创建标准dom对象一般使用： var obj = document.createElement(‘div’);然后再给obj设置一些属性。但是，在实际使用过程中，有些人可能会想，要是能这样创建标准的dom对象就好了伪... 我们在写js代码时有时需要判断某个对象是不是DOM对象，然后再进行后续的操作，这里我给出一种兼容各大浏览器，同时又算是比较稳妥的一种方法。要判断一个对象是否DOM对象，首先想到的无非就是它是否具有DOM对象的... DOM对象是与语言无关的API，意味着它的实现并不是与javascript绑定，这在于初学者来说可能会理解错误。DOM是针对XML的基于树的API，它关注的不仅仅是解析XML代码，而是用一系列相互关联的对象来表示这些代码，而这些...