js获取和设置属性的方法


Posted in Javascript onFebruary 20, 2014
function square(num){
    var total = num*num;//局部变量
    return total;
}
var total = 50;//全局变量
var number = square(20);
alert(total);//结果为50
function square(num){
    total = num*num;//全局变量
    return total;
}
var total = 50;//全局变量
var number = square(20);
alert(total);//结果为400

这细微的差别就会影响到程序的结果
body{
    color:white;
    background-color:black;
}

这些颜色不仅作用于那些直接包含在<body>标签里的内容,还将作用于嵌套在body元素内的所有元素

id属性就像一个挂钩,它一头连着文档里的某个元素,另一头连着CSS样式表里的某个样式

document.getElementById("purchases")这个调用将返回一个对象,这个对象对应着document对象里的一个独一无二的元素,那个元素
的的id属性值为purchases

其实,文档中的每个元素都是一个对象。利用DOM提供的方法能够得到任何一个对象。

getElementsByTagName返回一个数组,即使整个文档里只有一个元素,也返回一个数组。

示例:

var items = document.getElementsByTagName("li");
for(var i = 0;i<items.length;i++){
    alert(typeof items[i]);
}

显示信息都是object

getElementByClassName
也返回一个具有相同类名的元素数组

获取和设置属性
getAttribute
object.getAttribute(attribute)
注:getAttribute方法不属于document对象,它只能通过元素节点对象调用。

setAttribute
object.setAttribute(attribute,value)

例子:
var shopping = document.getElementById("purchases");
shopping.setAttribute("title","a list of goods");

Javascript 相关文章推荐
FormValidate 表单验证功能代码更新并提供下载
Aug 23 Javascript
判断脚本加载是否完成的方法
May 26 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
Sep 21 Javascript
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
Apr 07 Javascript
jQuery Mobile中的button按钮组件基础使用教程
May 23 Javascript
JavaScript基础——使用Canvas绘图
Nov 02 Javascript
vue .sync修饰符的使用详解
Jun 15 Javascript
Vue中使用canvas方法总结
Feb 12 Javascript
Vue-cli3.X使用px2 rem遇到的问题及解决方法
Aug 08 Javascript
使用Vue 自定义文件选择器组件的实例代码
Mar 04 Javascript
JavaScript ES 模块的使用
Nov 12 Javascript
Vue2项目中对百度地图的封装使用详解
Jun 16 Vue.js
js控制浏览器全屏示例代码
Feb 20 #Javascript
JS去掉第一个字符和最后一个字符的实现代码
Feb 20 #Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
Feb 20 #Javascript
JS中数组Array的用法示例介绍
Feb 20 #Javascript
javascript的回调函数应用示例
Feb 20 #Javascript
JS的get和set使用示例
Feb 20 #Javascript
jQuery避免$符和其他JS库冲突的方法对比
Feb 20 #Javascript
You might like
PHP 压缩文件夹的类代码
2009/11/05 PHP
php DOS攻击实现代码(附如何防范)
2012/05/29 PHP
php环境下利用session防止页面重复刷新的具体实现
2014/01/09 PHP
Yii框架组件和事件行为管理详解
2016/05/20 PHP
php记录搜索引擎爬行记录的实现代码
2018/03/02 PHP
帮助避免错误的Javascript陷阱清单
2009/05/31 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
2012/11/13 Javascript
Js获取下拉框选定项的值和文本的实现代码
2014/02/26 Javascript
js 验证身份证信息有效性
2014/03/28 Javascript
js统计页面的来访次数实现代码
2014/05/09 Javascript
javascript 处理null及null值示例
2014/06/09 Javascript
javascript实现十秒钟后注册按钮可点击的方法
2015/05/13 Javascript
详解javascript数组去重问题
2015/11/06 Javascript
JS实现n秒后自动跳转的两种方法
2020/11/30 Javascript
JavaScript蒙板(model)功能的简单实现代码
2016/08/04 Javascript
Vue.js组件间的循环引用方法示例
2017/12/27 Javascript
微信小程序模版渲染详解
2018/01/26 Javascript
Node.js 使用request模块下载文件的实例
2018/09/05 Javascript
unittest+coverage单元测试代码覆盖操作实例详解
2018/04/04 Python
解决Python网页爬虫之中文乱码问题
2018/05/11 Python
Python中正则表达式的用法总结
2019/02/22 Python
在OpenCV里使用特征匹配和单映射变换的代码详解
2019/10/23 Python
Python导入模块包原理及相关注意事项
2020/03/25 Python
使用keras实现densenet和Xception的模型融合
2020/05/23 Python
pycharm设置默认的UTF-8编码模式的方法详解
2020/06/01 Python
python中可以声明变量类型吗
2020/06/18 Python
KIKO MILANO荷兰网上商店:意大利专业化妆品品牌
2017/05/12 全球购物
北美领先的牛仔品牌:Buffalo David Bitton
2017/05/22 全球购物
美国优质马术服装购买网站:Breeches.com
2019/12/16 全球购物
JSF面试题:如何管量web层中的Bean,用什么标签。如何通过jsp页面与Bean绑定在一起进行处理?
2012/10/05 面试题
override和overload的区别
2016/03/09 面试题
小学运动会开幕词
2015/01/28 职场文书
苏州园林导游词
2015/02/03 职场文书
电影雷锋观后感
2015/06/10 职场文书
大学生村官工作心得体会
2016/01/23 职场文书
Python 第三方库 openpyxl 的安装过程
2022/12/24 Python