首页 新闻 搜索 专区 学院

js 的静态获取和动态获取

0
悬赏园豆:10 [已解决问题] 解决于 2018-05-02 22:58

有没有通俗易懂的js静态获取和动态获取。。。。。。。。。。

doios的主页 doios | 初学一级 | 园豆:4
提问于:2018-04-29 14:57
< >
分享
最佳答案
1

静态获取方法

document.getElementById
obj.querySelector
obj.querySelectorAll

动态获取方法(每次使用时候会回去重新获取一次)

obj.getElementsByClassName
obj.getElementsByTagName
document.getElementsByName

可以简单理解为静态获取只会在调用静态获取方法的地方获取一次结果,以后使用时就使用这次获取的结果,所以每次的结果都是相同的;
而动态获取则会在使用到的地方每次都重新调用动态获取方法,报以每次的结果可能不同;
看下面的例子:

//静态获取
var op = document.querySelectorAll("p");
var b = document.createElement("p");
box.appendChild(b);
//op的长度是1
alert(op.length);

//动态获取 每次使用会回去重新获取一次
var op = document.getElementsByTagName("p");
var b = document.createElement("p");
box.appendChild(b);
//op的长度是2
alert(op.length)
收获园豆:10
流年飞雨 | 小虾三级 |园豆:1978 | 2018-04-29 21:08

第二个op.length相当于document.getElementsByTagName("p").length

流年飞雨 | 园豆:1978 (小虾三级) | 2018-04-29 21:10
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册