JavaScript获取对象属性和设置对象属性总计
来源:互联网 发布:js e.target.result 编辑:程序博客网 时间:2024/05/01 04:59
通过id、classname以及tagname,利用document的getElementById、getElementsByClassName、getElementsByTagName,我们可以获取到文档树中的任意元素节点对象。有了节点对象,我们可能会对其属性进行查看或者修改。本文总结了JavaScript获取和设置对象属性的方法。
1. 获取属性
getAttribute
输入:属性的名字,字符串
输出:属性的值
注:getAttribute是元素节点对象的方法,不是document对象的方法
<script> var obj = document.getElementById("header");//获取节点对象 var attr = obj.getAttribute("title");//获取title属性 console.log("the title of header:"+attr); </script>//结果
2. 设置属性
setAttribute
输入:属性的名字,字符串
输出:无
注:setAttribute同getAttribute一样,是元素节点对象的方法,不是document对象的方法,不能用document调用
var obj = document.getElementById("header"); var attr = obj.getAttribute("title"); console.log("the title of header before change:"+attr); obj.setAttribute("title","the title has been changed"); console.log("the title of header after change:"+obj.getAttribute("title"));//结果
以上测试代码对应的HTML代码:
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>getAttribute</title> <style type="text/css"> #header{ width:400px; height:300px; } </style></head><body> <div id="container"> <div id="header" title="this is the header"> </div> </div></body><script> //... </script></html>
0 0
- JavaScript获取对象属性和设置对象属性总计
- JavaScript 获取对象属性和方法
- JavaScript 获取对象属性和方法
- JavaScript属性和对象
- JavaScript 对象和属性
- JavaScript获取和设置属性,nodeType属性
- 获取JavaScript自定义对象的所有属性和值
- Java通过反射获取和设置对象的属性值
- JavaScript 获取对象中第一个属性
- Javascript设置对象的ReadOnly属性
- jQuery 获取设置删除对象属性
- JavaScript prototype 属性和 对象属性、类属性的区别
- swift 获取类的所有属性、获取对象的属性值、设置对象的属性值
- javascript获取未知对象属性以及属性值
- 获取pdo对象的属性以及设置属性
- C#按属性名反射获取和设置对象属性值
- JavaScript[对象.属性]集锦
- JavaScript[对象.属性]集锦
- 浅析深究什么是SOA?
- 欢迎使用CSDN-markdown编辑器
- 大数据存取的选择:行存储还是列存储?
- SQL Server对Xml字段的操作
- JS中的this变量的使用介绍
- JavaScript获取对象属性和设置对象属性总计
- 配置数据源
- 高亮指导层,温馨的提示界面,优雅的提示方式 !直接用即可,首次亮相!
- APPlication,Session和Cookie的区别
- ContentValues和HashTable和HashMap的区别
- movielens数据集.dat文件导入msql
- 使用MapReduce将Hadoop HDFS中的日志文件导入HBase中(二)
- 顺时针打印矩阵
- 把数组排成最小的数