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 相关文章推荐
javascript 流畅动画实现原理
Sep 08 Javascript
javascript中call和apply的用法示例分析
Apr 02 Javascript
jQuery实现tab选项卡效果的方法
Jul 08 Javascript
jquery悬浮提示框完整实例
Jan 13 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
May 04 Javascript
Bootstrap栅格系统使用方法及页面调整变形的解决方法
Mar 10 Javascript
vue .js绑定checkbox并获取、改变选中状态的实例
Aug 24 Javascript
vue展示dicom文件医疗系统的实现代码
Aug 27 Javascript
Three.js实现3D机房效果
Dec 30 Javascript
javascript中的闭包概念与用法实践分析
Jul 26 Javascript
js贪心算法 钱币找零问题代码实例
Sep 11 Javascript
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 jQuery
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动态变静态原理
2006/11/25 PHP
PHP连接MySQL查询结果中文显示乱码解决方法
2013/10/25 PHP
基础的WordPress插件制作教程
2015/11/24 PHP
PHP图形操作之Jpgraph学习笔记
2015/12/25 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
浏览器打开层自动缓慢展开收缩实例代码
2013/07/04 Javascript
禁止IE用右键的JS代码
2013/12/30 Javascript
Angularjs制作简单的路由功能demo
2015/04/14 Javascript
jQuery EasyUI结合zTree树形结构制作web页面
2017/09/01 jQuery
javascript+jQuery实现360开机时间显示效果
2017/11/03 jQuery
VUE2.0中Jsonp的使用方法
2018/05/22 Javascript
vue.js实现左边导航切换右边内容
2019/10/21 Javascript
JavaScript使用canvas绘制随机验证码
2020/02/17 Javascript
vue element-ui中table合计指定列求和实例
2020/11/02 Javascript
nuxt 路由、过渡特效、中间件的实现代码
2020/11/06 Javascript
Vue 的 v-model用法实例
2020/11/23 Vue.js
Python中使用PyQt把网页转换成PDF操作代码实例
2015/04/23 Python
基于python脚本实现软件的注册功能(机器码+注册码机制)
2016/10/09 Python
Python如何快速上手? 快速掌握一门新语言的方法
2017/11/14 Python
python操作redis方法总结
2018/06/06 Python
Python进阶之自定义对象实现切片功能
2019/01/07 Python
Numpy 理解ndarray对象的示例代码
2020/04/03 Python
CSS3中的display:grid,网格布局介绍
2019/10/30 HTML / CSS
关于iframe跨域使用postMessage的实现
2019/10/29 HTML / CSS
美国男士西装打折店:Jos. A. Bank
2017/11/13 全球购物
法国最大电子商务平台:Cdiscount
2018/03/13 全球购物
食堂员工工作职责
2013/12/18 职场文书
学习标兵获奖感言
2014/02/20 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
团队拓展活动总结
2014/08/27 职场文书
公务员考察材料
2014/12/23 职场文书
投资意向协议书
2015/01/29 职场文书
2016年七夕情人节宣传语
2015/11/25 职场文书
2016优秀大学生个人事迹材料范文
2016/03/01 职场文书
python3中apply函数和lambda函数的使用详解
2022/02/28 Python
nginx实现多geoserver服务的负载均衡
2022/05/15 Servers