jQuery属性和属性节点

最新推荐文章于 2022-06-15 08:56:45 发布

xlh006

最新推荐文章于 2022-06-15 08:56:45 发布

阅读量263

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/xlh006/article/details/83475648

版权

JQuery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>haohao</title>
    <link rel="stylesheet" href="">

    <script src="../js/jQuery-3.3.js"></script>
    <script>
        $(function(){
            /*
            * 什么是属性？
            * 对象身上保存的变量就是属性
            *
            * 如何操作属性？
            * 对象.属性名称 = 值;
            * 对象.属性名称
            * 对象["属性名称"] = 值;
            * 对象["属性名称"];
            *
            * 什么是属性节点？
            * <span name = "it666"></span>
            * 在编写HTML代码时，在HTML标签中添加属性就是属性节点
            * 在浏览器中找到span这个DOM元素之后，展开看到的都是属性
            * 在attributes属性中保持的所有内容就是属性节点
            *
            * 如何操作属性节点？
            * DOM元素.setAttribute("属性名称"."值");
            * DOM元素.setAttribute("属性名称");
            *
            * 属性和属性节点有什么区别？
            * 任何对象都有一个属性？
            * */



            var span = document.getElementsByClassName("span")[0];  //  获取属性节点的值
            span.setAttribute("name","haohao");     // 设置属性节点的值
            console.log(span.setAttribute("name"));
        });
    </script>



</head>
<body>

    <span name = "666317" ></span>


</body>
</html>

xlh006

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery属性和属性节点

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;title&gt;haohao&lt;/
复制链接

扫一扫