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 相关文章推荐
将HTML自动转为JS代码
Jun 26 Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
Jan 24 Javascript
JavaScript与ActionScript3两者的同性与差异性
Sep 22 Javascript
JavaScript交换两个变量值的七种解决方案
Dec 01 Javascript
js 获取元素的具体样式信息getcss(实例讲解)
Jul 05 Javascript
JavaScript实现简单图片轮播效果
Aug 21 Javascript
JS实现合并json对象的方法
Oct 10 Javascript
详解vue-cli 本地开发mock数据使用方法
May 29 Javascript
vue中关闭eslint的方法分析
Aug 04 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
Nov 27 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
Mar 07 Javascript
vue 实现滚动到底部翻页效果(pc端)
Jul 31 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
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
php注销代码(session注销)
2012/05/31 PHP
ThinkPHP中order()使用方法详解
2016/04/19 PHP
Prototype使用指南之hash.js
2007/01/10 Javascript
JQuery 表单中textarea字数限制实现代码
2009/12/07 Javascript
Extjs4 类的定义和扩展实例
2013/06/28 Javascript
JavaScript中switch语句的用法详解
2015/06/03 Javascript
jquery实现加载进度条提示效果
2015/11/23 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
2016/05/30 Javascript
javascript类型系统_正则表达式RegExp类型详解
2016/06/24 Javascript
只需五句话搞定JavaScript作用域(经典)
2016/07/26 Javascript
jquery 实现复选框的全选操作实例代码
2017/01/24 Javascript
微信小程序商品详情页的底部弹出框效果
2020/11/16 Javascript
vue组件tabbar使用方法详解
2018/11/06 Javascript
vue router导航守卫(router.beforeEach())的使用详解
2019/04/19 Javascript
vue路由跳转传递参数的方式总结
2020/05/10 Javascript
[00:52]DOTA2第二届亚洲邀请赛预选赛宣传片
2017/01/13 DOTA
Python如何快速实现分布式任务
2017/07/06 Python
python操作MySQL 模拟简单银行转账操作
2017/09/27 Python
Python实现获取前100组勾股数的方法示例
2018/05/04 Python
Django objects的查询结果转化为json的三种方式的方法
2018/11/07 Python
python使用suds调用webservice接口的方法
2019/01/03 Python
Python内存管理实例分析
2019/07/10 Python
关于Python Tkinter Button控件command传参问题的解决方式
2020/03/04 Python
Pycharm操作Git及GitHub的步骤详解
2020/10/27 Python
阿联酋航空假期:Emirates Holidays
2018/03/20 全球购物
思想政治自我鉴定
2013/10/06 职场文书
酒店销售经理岗位职责
2014/01/31 职场文书
养牛场项目建议书
2014/05/13 职场文书
金融专业毕业生自荐信
2014/06/26 职场文书
教师求职信怎么写
2015/03/20 职场文书
教师节班会开场白
2015/06/01 职场文书
教师旷工检讨书
2015/08/15 职场文书
《风筝》教学反思
2016/02/23 职场文书
个人销售励志奋斗口号
2019/12/05 职场文书
MySQL远程无法连接的一些常见原因总结
2022/09/23 MySQL