码迷,mamicode.com
首页 > 其他好文 > 详细

DOM的理解

时间:2019-11-25 23:58:29      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:dde   meta   art   标准   text   内容   操作   写法   log   

https://www.cnblogs.com/djtang/p/11538420.html  dom的理解

https://blog.csdn.net/jiuqiyuliang/article/details/13766271  dom的理解

https://www.jianshu.com/p/f65e2610dde1  vue的理解

 

Windows:打开一个窗口,就是一个Windows对象。

Document:每个窗口的内容就是document,可以进行操作和访问。

DOM:是一种对页面操作的一种标准和规范,能够让开发人员更好的访问和操作数据。英文全称就是 document Object Model 文档对象模型,就是把文档当做对象来进行操作。

获取DOM元素可以通过id选择器,Class名称等方法获取。eg:document.getElementById()  document.getElementByClassName()

js中想要修改、移动、删除、添加等操作均需要DOM接口提供方法和属性。

eg:在一个页面中想要想一个p标签中添加内容。用原生js时,需要通过DOM提供的document.getElementById 或者document.getElementByClassName 等方法操作dom元素才可以。而Vue则不需要。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="vue.js" type="text/javascript"></script>
    </head>
    <body>
        <div id="app">
            <p >{{msg}}</p>
        </div>
        <script type="text/javascript">
            var vm = new Vue({
                el:#app,
                data:{
                    msg:"hellow vue"
                }
            });
            //以下是操作dom元素的写法 需要给p标签一个id
            //document.getElementById("qqq").innerHTML = "123"
        </script>    
        
    </body>
</html>

 

DOM的理解

标签:dde   meta   art   标准   text   内容   操作   写法   log   

原文地址:https://www.cnblogs.com/qcq0703/p/11931349.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!