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 相关文章推荐
静态页面的值传递(三部曲)
Sep 25 Javascript
基于JQuery的6个Tab选项卡插件
Sep 03 Javascript
javaScript函数中执行C#代码中的函数方法总结
Aug 07 Javascript
jQuery获取选中内容及设置元素属性的方法
Jul 09 Javascript
jquery实现文本框textarea自适应高度
Mar 09 Javascript
JS定时器实现数值从0到10来回变化
Dec 09 Javascript
原生和jQuery的ajax用法详解
Jan 23 Javascript
Vue.js用法详解
Nov 13 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
Jan 22 jQuery
浅谈Webpack 是如何加载模块的
May 24 Javascript
JavaScript实现打砖块游戏
Feb 25 Javascript
js轮播图之旋转木马效果
Oct 13 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
PHP版自动生成文章摘要
2008/07/23 PHP
ThinkPHP之R方法实例详解
2014/06/20 PHP
php并发加锁示例
2016/10/17 PHP
取选中的radio的值
2010/01/11 Javascript
JavaScript创建对象的写法
2013/08/29 Javascript
js实现iGoogleDivDrag模块拖动层拖动特效的方法
2015/03/04 Javascript
AngularJS Ajax详解及示例代码
2016/08/17 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
2017/01/05 Javascript
微信小程序搜索组件wxSearch实例详解
2017/06/08 Javascript
从零开始搭建webpack+react开发环境的详细步骤
2018/05/18 Javascript
vue使用监听实现全选反选功能
2018/07/06 Javascript
深入学习Vue nextTick的用法及原理
2019/10/08 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
2020/02/10 Javascript
JsonServer安装及启动过程图解
2020/02/28 Javascript
python连接MySQL、MongoDB、Redis、memcache等数据库的方法
2013/11/15 Python
Python和Perl绘制中国北京跑步地图的方法
2016/03/03 Python
Python中的浮点数原理与运算分析
2017/10/12 Python
python机器学习实战之K均值聚类
2017/12/20 Python
Python实现的朴素贝叶斯分类器示例
2018/01/06 Python
Python获取当前公网ip并自动断开宽带连接实例代码
2018/01/12 Python
Python multiprocess pool模块报错pickling error问题解决方法分析
2019/03/20 Python
pytorch使用 to 进行类型转换方式
2020/01/08 Python
python自动点赞功能的实现思路
2020/02/26 Python
jupyter notebook 调用环境中的Keras或者pytorch教程
2020/04/14 Python
Restful_framework视图组件代码实例解析
2020/11/17 Python
Python+unittest+DDT实现数据驱动测试
2020/11/30 Python
python3判断IP地址的方法
2021/03/04 Python
英国儿童家具专卖店:GLTC
2016/09/24 全球购物
美国最好的钓鱼、狩猎和划船装备商店:Bass Pro Shops
2018/12/02 全球购物
医科大学生毕业的自我评价分享
2013/11/12 职场文书
饮料业务员岗位职责
2013/12/15 职场文书
先进班级集体事迹材料
2014/01/30 职场文书
校园摄影活动策划方案
2014/02/05 职场文书
销售竞赛活动方案
2014/08/23 职场文书
软件项目经理岗位职责
2015/04/01 职场文书
入党积极分子半年考察意见
2015/06/02 职场文书