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 相关文章推荐
在textarea中屏蔽js的某个function的javascript代码
Apr 20 Javascript
JavaScript 事件记录使用说明
Oct 20 Javascript
JavaScript 变量基础知识
Nov 07 Javascript
面向对象Javascript核心支持代码分享
May 23 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
Feb 22 Javascript
JQuery基础语法小结
Feb 27 Javascript
使用控制台破解百小度一个月只准改一次名字
Aug 13 Javascript
jquery插件方式实现table查询功能的简单实例
Jun 06 Javascript
基于JavaScript实现百度搜索框效果
Jun 28 Javascript
javascript实现弹幕墙效果
Nov 28 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
Sep 12 Javascript
element中table高度自适应的实现
Oct 21 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
在任意字符集下正常显示网页的方法二(续)
2007/04/01 PHP
PHP加密函数 Javascript/Js 解密函数
2013/09/23 PHP
Thinkphp5框架中引入Markdown编辑器操作示例
2020/06/03 PHP
jquery 表格分页等操作实现代码(pagedown,pageup)
2010/04/11 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
2014/02/19 Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
2014/06/23 Javascript
jQuery使用之设置元素样式用法实例
2015/01/19 Javascript
jQuery实现渐变下拉菜单的简单方法
2015/03/11 Javascript
jQuery使用addClass()方法给元素添加多个class样式
2015/03/26 Javascript
详解使用jest对vue项目进行单元测试
2018/09/07 Javascript
详解如何使用koa实现socket.io官网的例子
2018/11/04 Javascript
浅析vue中的provide / inject 有什么用处
2019/11/10 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
2020/09/04 Javascript
Express 配置HTML页面访问的实现
2020/11/01 Javascript
[05:31]DOTA2英雄梦之声_第08期_莉娜
2014/06/23 DOTA
[56:35]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第二局
2016/02/27 DOTA
Python中使用logging模块打印log日志详解
2015/04/05 Python
Python3.x中自定义比较函数
2015/04/24 Python
Python中str.format()详解
2017/03/12 Python
解决python os.mkdir创建目录失败的问题
2018/10/16 Python
在Python中使用defaultdict初始化字典以及应用方法
2018/10/31 Python
Python实现的KMeans聚类算法实例分析
2018/12/29 Python
python射线法判断一个点在图形区域内外
2019/06/28 Python
简单了解python单例模式的几种写法
2019/07/01 Python
Python实现代码统计工具
2019/09/19 Python
python字典和json.dumps()的遇到的坑分析
2020/03/11 Python
100%植物性、有机、即食餐:Sakara Life
2018/10/25 全球购物
餐饮主管岗位职责
2013/12/10 职场文书
英文简历自荐信范文
2013/12/11 职场文书
护士长竞聘演讲稿
2014/04/30 职场文书
学校地质灾害防治方案
2014/06/10 职场文书
工厂仓管员岗位职责范本
2014/07/17 职场文书
学校安全责任书范本
2014/07/23 职场文书
党员批评与自我批评发言
2014/10/02 职场文书
计划生育汇报材料
2014/12/26 职场文书
动画「进击的巨人」第86话播出感谢绘公开
2022/03/21 日漫