-
基础要点查看全部
-
各主流框架DOMReady的实现查看全部
-
DOMReady实现策略查看全部
-
webkit主要渲染流程 浏览器内部工作原理！ 扩展阅读：http://kb.cnblogs.com/page/129756/查看全部
-
webkit主要渲染流程查看全部
-
domReady： html标签需要通过浏览器渲染引擎的解析才会变成dom节点，在刷新url地址的时候就有dom构建的过程。当所有html都转化为节点后，dom树才构建完毕，简称为dom ready。查看全部
-
<div id="container">元素节点</div> <ul id="ul"></ul> <script type="text/javascript"> /* 元素节点 */ var divNode = document.getElementById("container"); console.log(divNode.nodeName + "/" + divNode.nodeValue); /* 属性节点 */ var attrNode = divNode.attributes[0]; console.log(attrNode.nodeName + "/" + attrNode.nodeValue); /* 文本节点 */ var textNode = divNode.childNodes[0]; console.log(textNode.nodeName + "/" + textNode.nodeValue); /* 注释节点 */ //因为body第一个子元素是body跟注释之间的空白，所以获取第二个元素，即<!-- nodeName,nodeValue实验 --> var commentNode = document.body.childNodes[1]; console.log(commentNode.nodeName + "/" + commentNode.nodeValue); /* DOCTYPE节点(无需事先获得对象，直接通过控制台打印即可) */ console.log(document.doctype.nodeName + "/" + document.doctype.nodeValue); /* 文档片段节点 */ var frag = document.createDocumentFragment(); console.log(frag.nodeName + "/" + frag.nodeValue); var li = document.createElement("li"); li.innerHTML = "li"; frag.appendChild(li); document.getElementById("ul").appendChild(frag); </script>查看全部
-
使用数值常量来判断一个元素的类型，可以兼容所有浏览器查看全部
-
JS的内容--》文档片段节点查看全部
-
节点类型共12种,其中常用的七种Element(元素节点，例如<html><head><body><div>等标签),Attr(属性节点，不单独出现，可以说是元素节点的一部分，例如 id class等)Text(文本节点),Comment(注释节点),Document(文档节点),DocumentType(文档类型节点),DocumentFragment(文档片段节点)查看全部
-
获得单张图片宽度 offsetWidth查看全部
-
XML结构查看全部
-
domReady： html标签需要通过浏览器渲染引擎的解析才会变成dom节点，在刷新url地址的时候就有dom构建的过程。当所有html都转化为节点后，dom树才构建完毕，简称为dom ready。查看全部
-
节点类型查看全部
-
object.nodeType==1;兼容性更好！查看全部
举报
0/150
提交
取消