关于created和mounted获取dom元素问题

关于created和mounted获取dom元素问题,第1张

created

created也能获取dom元素,但是是已有的dom元素,比如子组件的created可以获取到父组件中的dom元素以及body等特殊元素,如图

created() {
    document.body.className = "addBg";
    console.log(
      "我现在在Home的created阶段 输出dom元素" +
        document.getElementsByTagName("h1")[0]
    );
    console.log(
      "我现在在Home的created阶段 输出dom元素" + document.getElementById("app")
    );
    console.log(
      "我现在在Home的created阶段 输出dom元素" +
        document.getElementsByTagName("body")[0]
    );
  },

h1是Home.vue子组件创建的,获取不到,是父组件App.vue创建的,可以被获取

updated

updated可以获取所有dom元素

console.log(
      "我现在在Home的mounted阶段 输出dom元素" +
        document.getElementsByTagName("h1")[0]
    );
    console.log(
      "我现在在Home的mouted阶段 输出dom元素" + document.getElementById("app")
    );
    console.log(
      "我现在在Home的mouted阶段 输出dom元素" +
        document.getElementsByTagName("body")[0]
    );
},

 

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/939662.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-17
下一篇2022-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存