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 相关文章推荐
简单实用的反馈表单无刷新提交带验证
Nov 15 Javascript
jQuery实现的多滑动门,多选项卡效果代码
Mar 28 Javascript
最全面的JS倒计时代码
Sep 17 Javascript
原生Javascript和jQuery做轮播图简单例子
Oct 11 Javascript
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
Mar 04 Javascript
jquery submit()不能提交表单的解决方法
Apr 24 jQuery
详解如何用模块化的方式写vuejs
Dec 16 Javascript
微信小程序实现点赞、取消点赞功能
Nov 02 Javascript
JS使用Dijkstra算法求解最短路径
Jan 17 Javascript
小程序中设置缓存过期的实现方法
Jan 14 Javascript
基于VSCode调试网页JavaScript代码过程详解
Jul 20 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
Sep 09 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
DSP接收机前端设想
2021/03/02 无线电
咖啡磨器 如何选购一台适合家用的意式磨豆机
2021/03/05 新手入门
整理的一些实用WordPress后台MySQL操作命令
2013/01/07 PHP
php jquery 多文件上传简单实例
2013/12/23 PHP
Yii框架通过请求组件处理get,post请求的方法分析
2019/09/03 PHP
js的闭包的一个示例说明
2008/11/18 Javascript
Javascript 面向对象 重载
2010/05/13 Javascript
jquery高效反选具体实现
2013/05/05 Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
2014/06/23 Javascript
jQuery中:password选择器用法实例
2015/01/03 Javascript
angularjs封装bootstrap时间插件datetimepicker
2016/06/20 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
Javascript 调用 ActionScript 的简单方法
2016/09/22 Javascript
详解jQuery uploadify文件上传插件的使用方法
2016/12/16 Javascript
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
2017/05/19 jQuery
AngularJS中ng-class用法实例分析
2017/07/06 Javascript
React-Native之定时器Timer的实现代码
2017/10/04 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
2018/02/10 Javascript
VUE 全局变量的几种实现方式
2018/08/22 Javascript
浅谈webpack SplitChunksPlugin实用指南
2018/09/17 Javascript
vue组件间通信六种方式(总结篇)
2019/05/15 Javascript
[03:22]DOTA2超级联赛专访单车:找到属于自己的英雄
2013/06/08 DOTA
Python实现的二维码生成小软件
2014/07/11 Python
python实现搜索本地文件信息写入文件的方法
2016/02/22 Python
python解析基于xml格式的日志文件
2017/02/25 Python
Python基于OpenCV实现视频的人脸检测
2018/01/23 Python
Linux下python3.7.0安装教程
2018/07/30 Python
python射线法判断检测点是否位于区域外接矩形内
2019/06/28 Python
基于Python+Appium实现京东双十一自动领金币功能
2019/10/31 Python
在python中创建指定大小的多维数组方式
2019/11/28 Python
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
德国最大的设计师鞋网上商店:Budapester
2017/12/07 全球购物
动物学专业毕业生求职信
2013/10/11 职场文书
领导班子整改方案
2014/10/25 职场文书
2014年环保局工作总结
2014/12/11 职场文书
圣诞节开幕词
2015/01/29 职场文书