JS-DOM操作:dom加载完毕执行js、创建节点、遍历节点、查找节点、删除节点
一、dom加载完毕执行js
dom可以看成一个树形结构,dom的加载顺序就是从上到下,我们一再强调将js文件放在尾部,就是因为如果js脚本在dom文档构造之前执行,这样js就无法访问dom文档对象模型。
1.1 jquery
等待页面dom树加载完毕,再执行代码
写法一:标准写法
$(document).ready(function(){
...
});
写法二:简写
$(function(){
....
})
两种写法是等价的
等待页面所有资源(包括css样式表、dom树、图片、第三方框架)加载完毕,再执行代码
$(window).load(function(){
...
});
总结:也就是说$(function(){...})会比$(window).load(function(){...})先执行
1.2 js
二、创建节点
2.1 document.createElement
太多了,不复制了,我就用了前面1.1的方法。。详情见参考
- Post Title: JS-DOM操作:dom加载完毕执行js、创建节点、遍历节点、查找节点、删除节点
- Post Author: HeRui
- Post Link: https://HR2812.cn/2019/06/05/javascript-dom-operation/
- Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.