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 应用代码 方便的排序功能
Feb 06 Javascript
Js-$.extend扩展方法使方法参数更灵活
Jan 15 Javascript
JavaScript定时器详解及实例
Aug 01 Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
Sep 20 Javascript
Vue中的数据监听和数据交互案例解析
Jul 12 Javascript
create-react-app构建项目慢的解决方法
Mar 14 Javascript
vue+axios新手实践实现登陆的示例代码
Jun 06 Javascript
vue实现底部菜单功能
Jul 24 Javascript
vue+element的表格实现批量删除功能示例代码
Aug 17 Javascript
JavaScript如何把两个数组对象合并过程解析
Oct 10 Javascript
vue滚动插件better-scroll使用详解
Oct 18 Javascript
详解Vue Cli浏览器兼容性实践
Jun 08 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简单实现“相关文章推荐”功能的方法
2014/07/19 PHP
php恢复数组的key为数字序列的方法
2015/04/28 PHP
php结合ajax实现手机发红包的案例
2016/10/13 PHP
php探针使用原理和技巧讲解
2019/09/17 PHP
网页中的图片的处理方法与代码
2009/11/26 Javascript
关于二级域名下使用一级域名下的COOKIE的问题
2011/11/07 Javascript
javascript自然分类法算法实现代码
2013/10/11 Javascript
js只执行1次的函数示例
2016/07/20 Javascript
AugularJS从入门到实践(必看篇)
2017/07/10 Javascript
vue技术分享之你可能不知道的7个秘密
2018/04/09 Javascript
Nodejs libuv运行原理详解
2019/08/21 NodeJs
vue中如何自定义右键菜单详解
2020/12/08 Vue.js
[01:00:53]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Secret
2018/03/30 DOTA
python计算圆周长、面积、球体体积并画出圆
2014/04/08 Python
Python基于Tkinter实现的记事本实例
2015/06/17 Python
Python实现Youku视频批量下载功能
2017/03/14 Python
python3中int(整型)的使用教程
2017/03/23 Python
python爬虫入门教程--快速理解HTTP协议(一)
2017/05/25 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
Python判断对象是否为文件对象(file object)的三种方法示例
2019/04/26 Python
如何在Cloud Studio上执行Python代码?
2019/08/09 Python
Python切图九宫格的实现方法
2019/10/10 Python
python3 使用traceback定位异常实例
2020/03/09 Python
Python代码一键转Jar包及Java调用Python新姿势
2020/03/10 Python
python中for in的用法详解
2020/04/17 Python
django 解决自定义序列化返回处理数据为null的问题
2020/05/20 Python
css3圆角样式分享自定义按钮样式
2013/12/27 HTML / CSS
REISS英国官网:伦敦High Street最受欢迎品牌
2016/12/21 全球购物
linux面试相关问题
2013/04/28 面试题
法学研究生自我鉴定范文
2013/12/04 职场文书
党员公开承诺书
2014/03/25 职场文书
质量提升方案
2014/06/16 职场文书
2014国庆节主题活动方案:快乐的国庆节
2014/09/16 职场文书
信用卡工资证明范本
2015/06/19 职场文书
公司财务管理制度
2015/08/04 职场文书
完美处理python与anaconda环境变量的冲突问题
2021/04/07 Python