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 相关文章推荐
jQuery动态添加的元素绑定事件处理函数代码
Aug 02 Javascript
jquery 按键盘上的enter事件
May 11 Javascript
jQuery选择器源码解读(七):elementMatcher函数
Mar 31 Javascript
jscript读写二进制文件的方法
Apr 22 Javascript
JavaScript中用于生成随机数的Math.random()方法
Jun 15 Javascript
浅析jquery unbind()方法移除元素绑定的事件
May 24 Javascript
JavaScript中函数声明与函数表达式的区别详解
Aug 18 Javascript
详解jQuery停止动画——stop()方法的使用
Dec 14 Javascript
浅谈JavaScript中的apply/call/bind和this的使用
Feb 26 Javascript
jQuery 实现左右两侧菜单添加、移除功能
Jan 02 jQuery
vue使用ElementUI时导航栏默认展开功能的实现
Jul 04 Javascript
Node.js 中判断一个文件是否存在
Aug 24 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
预告映像公开!第1章续篇剧场版动画《Princess Principal Crown Handler》4月10日上映!
2020/03/06 日漫
利用static实现表格的颜色隔行显示
2006/10/09 PHP
PHP 获取远程文件大小的3种解决方法
2013/07/11 PHP
Thinkphp模板中截取字符串函数简介
2014/06/17 PHP
PHP使用flock实现文件加锁的方法
2015/07/01 PHP
javascript编程起步(第七课)
2007/01/10 Javascript
从sohu弄下来的flash中展示图片的代码
2007/04/27 Javascript
图片格式的JavaScript和CSS速查手册
2007/08/20 Javascript
window.print打印指定div指定网页指定区域的方法
2014/08/04 Javascript
jquery使用$(element).is()来判断获取的tagName
2014/08/24 Javascript
JQuery跳出each循环的方法
2015/04/16 Javascript
javascript多行字符串的简单实现方式
2015/05/04 Javascript
js实现键盘Enter键提交表单的方法
2015/05/27 Javascript
基于javascript实现最简单选项卡切换
2017/02/01 Javascript
JS获取短信验证码倒计时的实现代码
2017/05/22 Javascript
如何获取TypeScript的声明文件.d.ts
2018/05/01 Javascript
微信小程序如何使用globalData的方法
2019/06/06 Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
2019/09/26 Javascript
vue之延时刷新实例
2019/11/14 Javascript
基于原生js实现九宫格算法代码实例
2020/07/03 Javascript
[02:51]2014DOTA2 TI小组赛总结中国军团全部进军钥匙球馆
2014/07/15 DOTA
Python Socket编程详细介绍
2017/03/23 Python
python表格存取的方法
2018/03/07 Python
查看python下OpenCV版本的方法
2018/08/03 Python
django主动抛出403异常的方法详解
2019/01/04 Python
python动态视频下载器的实现方法
2019/09/16 Python
Python中bisect的使用方法
2019/12/31 Python
阿玛尼美国官方网站:Armani.com
2016/11/25 全球购物
德国2018年度最佳在线药房:Bodfeld Apotheke
2019/11/04 全球购物
工厂会计员职责
2014/02/06 职场文书
《藏戏》教学反思
2014/02/11 职场文书
节能环保标语
2014/06/12 职场文书
力学专业求职信
2014/07/23 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
唤醒紫霞仙子,携手再游三界!大话手游X《大话西游》电影合作专属剧情任务
2022/04/03 其他游戏
教你在 Java 中实现 Dijkstra 最短路算法的方法
2022/04/08 Java/Android