15-属性和属性节点

iWarming

于 2018-12-02 10:49:47 发布

阅读量195

点赞数

分类专栏： jQuery

本文链接：https://blog.youkuaiyun.com/csdn9228/article/details/84701443

版权

jQuery 专栏收录该内容

23 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>15-属性和属性节点</title>
    <script type="text/javascript" src ="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script>
        $(function () {
          /*
          1.什么是属性？
          对象上保存的变量就是属性
          2.如何操作属性？
          对象.属性名称 = 值;
          对象["属性名称"] = 值;
          3.什么是属性节点？
          在编写HTML代码时，在html标签中添加的属性name value
          4.如何操作属性节点？
          DOM元素.setAttribute("属性名称","值");
          DOM元素.getAttribute("属性名称");
          5.属性与属性节点有什么区别？
          任何对象都有属性，DOM元素才有属性节点
           */
          function Person(){

          }
          var p = new Person();
          p.name = "liajc";
          p["name"] = "zs";
          console.log(p.name);
          console.log(p["name"]);
          var span = document.getElementsByTagName("span")[0];
          span.setAttribute("name","sahca");    //设置属性节点
        });
    </script>
</head>
<body>
<span name="ssss"></span>
</body>
</html>