（十）javascript DOM

最新推荐文章于 2024-09-26 01:42:12 发布

Mr.mosaic

最新推荐文章于 2024-09-26 01:42:12 发布

阅读量335

点赞数

分类专栏： JavaScript学习笔记文章标签： javascript dom

本文链接：https://blog.csdn.net/yanzhoukun/article/details/51636818

版权

JavaScript学习笔记专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<head>
    <meta charset="UTF-8">
    <title>asda</title>
    <style>                        /*样式*/
        .div{
            width: 100px;   //宽度100像素
            height: 100px;  //高度100像素
            background-color: aqua;//背景颜色
        }
        .div2
        {
            width: 50px;
            height: 50px;
            background-color: blue;
        }
    </style>
</head>
<body>
<div class="div" id="Iddiv" name = "ndiv">内容</div>//div是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。
<div class="div2">内容2</div>
<script>
    var obj = document.getElementsByClassName("div");//主文档（document）.通过class名获取到元素
    var idobj = document.getElementById("Iddiv");//通过id获取到元素
    var tagname = document.getElementsByTagName("div");//通过tagNa找到所有div的元素
    var namediv = document.getElementsByName("ndiv");//通过属性找到
    console.log(obj);
    console.log(idobj);
    console.log(tagname);
    console.log(namediv);
</script>
</body>

DOM：

文档对象模型(Document Object Model)

DOM的概念还不上很理解，现在的理解上一种规范方便以后修改内容，增加内容；

class 和id的区别：

id和class是大多数HTML标签都具有的属性。其作用是让CSS或JavaScript代码能够找到指定的DOM元素并进行操作。一般来说，id是元素的唯一代号，给某个元素赋予一个id后，通常不会再有其他元素有一样的id。CSS和JS可以使用id来单独操作某一个元素。而class是一组（多于一个）元素的共同代号，通常网页中会有一组元素具有一样的class。CSS和JS中对某个class的操作会反映到每一个对应的元素上。