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 iframe的相互操作浅析
Oct 14 Javascript
JQuery实现简单时尚快捷的气泡提示插件
Dec 20 Javascript
有关javascript的性能优化 (repaint和reflow)
Apr 12 Javascript
AngularJS入门心得之directive和controller通信过程
Jan 25 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
Jan 27 Javascript
jQuery基本选择器之标签名选择器
Sep 03 Javascript
微信小程序 摇一摇抽奖简单实例实现代码
Jan 09 Javascript
vue.js异步上传文件前后端实现代码
Aug 22 Javascript
Vue 页面切换效果之 BubbleTransition(推荐)
Apr 08 Javascript
浅谈vue同一页面中拥有两个表单时,的验证问题
Sep 18 Javascript
详解使用element-ui table组件的筛选功能的一个小坑
Nov 02 Javascript
Layui 数据表格批量删除和多条件搜索的实例
Sep 04 Javascript
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
SONY ICF-F10中波修复记
2021/03/02 无线电
一个很方便的 XML 类!!原创的噢
2006/10/09 PHP
php 文件上传类代码
2011/08/06 PHP
PHP GD库相关图像生成和处理函数小结
2016/09/30 PHP
thinkPHP统计排行与分页显示功能示例
2016/12/02 PHP
ImageFlow可鼠标控制图片滚动
2008/01/30 Javascript
JavaScript针对网页节点的增删改查用法实例
2015/02/02 Javascript
jquery利用命名空间移除绑定事件的方法
2015/03/11 Javascript
高性能JavaScript DOM编程(1)
2015/08/11 Javascript
Bootstrap开关(switch)控件学习笔记分享
2016/05/30 Javascript
AngularJS中的API(接口)简单实现
2016/07/28 Javascript
js实现常用排序算法
2016/08/09 Javascript
js实现文字超出部分用省略号代替实例代码
2016/09/01 Javascript
Bootstrap3 Grid system原理及应用详解
2016/09/30 Javascript
详解angularJS+Ionic移动端图片上传的解决办法
2017/09/13 Javascript
基于bootstrap写的一点localStorage本地储存
2017/11/21 Javascript
Angular实现的简单定时器功能示例
2017/12/28 Javascript
JS简单添加元素新节点的方法示例
2018/02/10 Javascript
Echarts动态加载多条折线图的实现代码
2019/05/24 Javascript
[01:53]DOTA2超级联赛专访Zhou 五年职业青春成长
2013/05/29 DOTA
[01:53]2016完美“圣”典风云人物:Maybe专访
2016/12/05 DOTA
Python获取Windows或Linux主机名称通用函数分享
2014/11/22 Python
python实现梯度下降算法
2020/03/24 Python
使用 Python 实现简单的 switch/case 语句的方法
2018/09/17 Python
python写入数据到csv或xlsx文件的3种方法
2019/08/23 Python
浅谈Python3中print函数的换行
2020/08/05 Python
python opencv实现图像配准与比较
2021/02/09 Python
为什么group by 和order by会使查询变慢
2014/05/16 面试题
环境科学专业优秀毕业生自荐书
2014/02/03 职场文书
运动会入场词100字
2014/02/06 职场文书
出纳员岗位责任制
2014/02/11 职场文书
师德建设实施方案
2014/03/21 职场文书
自我评价优缺点范文
2015/03/11 职场文书
2015年度优秀员工推荐信
2015/03/23 职场文书
实习护士自荐信
2015/03/25 职场文书
python3 删除所有自定义变量的操作
2021/04/08 Python