-
通过元素节点+点+childNodes【0】来获取第一个文本结点查看全部
-
用元素节点+dian+attributes[?]可访问元素结点对应的属性结点查看全部
-
通过console.log(……)使得输出的值可以在浏览器的控制台上看到查看全部
-
在IE10以下版本判断节点类型 <body> <div id="cont">这是一个节点</div> <script> var cont=document.getElementById("cont"); /*if(cont.nodeType==Node.ELEMENT_NODE){ alert("是元素结点"); }*/ if(cont.nodeType==1) alert("此节点为元素节点"); </script> </body>查看全部
-
判断节点类型 <body> <div id="cont">这是一个节点</div> <script> var cont=document.getElementById("cont"); if(cont.nodeType==Node.ELEMENT_NODE){ alert("是元素结点"); } </script> </body>查看全部
-
F12查看全部
-
节点的类型查看全部
-
元素结点类型的判断查看全部
-
判断结点类型查看全部
-
DOMReady实现策略查看全部
-
domReady的实现策略 window.onload事件: 浏览器绘制完dom节点，再加载完页面上的所有资源以后，才执行我们自己定义的代码。也就是说在文档解析渲染，资源加载完成之前，不让js脚本执行 jQ中的回调函数与window.onload原理大致相似。 $(document).ready(function(){}); 等于 window.onload()查看全部
-
function myready(fn){ //现代浏览器,对DOMContentLoaded事件的处理采用标准的事件绑定方式 if(document.addEventListener){ document.addEventListener("DMContentLoaded",fn,false)//false\表示冒泡阶段捕获 }else{ IEContentLoaded(fn); } //IE function IEContentLoaded(fn){ var d=window.document; var done=false; //只执行一次用户的回调函数init() var init =function (){ if(!done){ done=true; fn(); } }; (function(){ try{ d.documentElement.doScroll('left');//documentElement为根节点，doScroll判断DOM树是否完成 }catch(e){ //延迟再试 setTime(arguments.callee,50);//调用函数自身的事件 return; } //没有错误DOM树创建完毕 init(); } //监听doucment的加载状态 d.onreadystatechange=function(){ //如果用户是在domready之后绑定的函数，可立即执行 if(d.reayState=='complete'){ d.onreadystatechange=null; init(); } } } }查看全部
-
html标签是说明有什么内容 但是行为交互需要DOM操作，这需要浏览器渲染引擎的解析将html标签转化为dom节点，，dom树才构建完毕，简称dom ready查看全部
-
最大收获： ① domReady 与 window.onload ② dom的继承关系，既然有6、7层。需要用虚拟dom或现成的前端框架，如react来操作。不然很耗时。查看全部
-
dom节点继承层次查看全部
举报
0/150
提交
取消