15-属性和属性节点

<!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>

猜你喜欢

转载自blog.csdn.net/csdn9228/article/details/84701443
今日推荐