15-属性和属性节点

最新推荐文章于 2021-10-27 19:37:35 发布

杨亚仑

最新推荐文章于 2021-10-27 19:37:35 发布

阅读量414

点赞数

分类专栏： jQuery入门练习

本文链接：https://blog.csdn.net/yangyalun/article/details/82952500

版权

jQuery入门练习专栏收录该内容

60 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>15-属性和属性节点</title>
    <script src="JS_file/jquery-1.12.4.js"></script>
    <script>
         $(function () {
                 //    编写jQuery相关代码
             /*
             * 1.什么是属性
                  对象身上保存的变量就是属性
             * 2.如何操作属性
                  对象.属性名称=值
                  对象.属性名称
                  对象["属性名称"]=值
                  对象["属性名称"]
             * 3.什么是属性节点
                  在编写HTML代码时，在HTML标签中添加的属性就是属性节点
                  在浏览器中找到span这个DOM元素后，展开看到的都是属性
                  在attributes属性中保持的所有内容都是属性节点
             *4.如何操作属性节点
                  DOM元素.setAttribute("属性名称","值");
                  DOM元素.getAttribute("属性名称")
             * 5.属性和属性节点有什么区别？
                  任何对象都有属性，但只要DOM对象才有属性节点

             * */
          //    function  Person() {
          //
          //    }
          //    var p=new Person();
          // //   p.name="Inj";
          //    //console.log(p.name);
          //    p["name"]= "zs";
          //    console.log(p["name"]);
             var span=document.getElementsByTagName("span")[0];
             span.setAttribute("name","Inj");
             console.log(span.getAttribute("name"));
         })
    </script>
</head>
<body>
<span name="it666"></span>
</body>
</html>