您的位置:首页 > Web前端 > JQuery

jQuery属性和属性节点

2018-10-28 16:24 866 查看
[code]<!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>

 

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: