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 相关文章推荐
让人印象深刻的10个jQuery手风琴效果应用
May 08 Javascript
jquery拖动插件(jquery.drag)使用介绍
Jun 18 Javascript
如何让页面加载完成后执行js
Jun 26 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
Apr 04 Javascript
页面刷新时记住滚动条的位置jquery代码
Jun 17 Javascript
推荐一款jQuery插件模板
Jan 09 Javascript
学习javascript面向对象 掌握创建对象的9种方式
Jan 04 Javascript
使用pcs api往免费的百度网盘上传下载文件的方法
Mar 17 Javascript
js实现九宫格的随机颜色跳转
Feb 19 Javascript
详解微信JS-SDK选择图片遇到的坑
Aug 15 Javascript
微信小程序手机号码验证功能的实例代码
Aug 28 Javascript
vue点击弹窗自动触发点击事件的解决办法(模拟场景)
May 25 Vue.js
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 正则表达式小结
2015/02/12 PHP
简单JS代码压缩器
2006/10/12 Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
2015/06/01 Javascript
jquery实现漂亮的二级下拉菜单代码
2015/08/26 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
2016/06/15 Javascript
浅谈JavaScript 数据属性和访问器属性
2016/09/01 Javascript
jQuery倒计时代码(超简单)
2017/02/27 Javascript
简单的Vue异步组件实例Demo
2017/12/27 Javascript
nodejs+mongodb+vue前后台配置ueditor的示例代码
2018/01/02 NodeJs
Node.js中读取TXT文件内容fs.readFile()用法
2018/10/10 Javascript
vue实现随机验证码功能的实例代码
2019/04/30 Javascript
防止Layui form表单重复提交的实现方法
2019/09/10 Javascript
JavaScript正则表达式验证登录实例
2020/03/18 Javascript
JavaScript indexOf()原理及使用方法详解
2020/07/09 Javascript
解决vuex刷新数据消失问题
2020/11/12 Javascript
[01:01:31]2018DOTA2亚洲邀请赛3月29日小组赛B组 Mineski VS paiN
2018/03/30 DOTA
[56:21]LGD vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python中使用ConfigParser解析ini配置文件实例
2014/08/30 Python
Python调用C# Com dll组件实战教程
2017/10/12 Python
浅谈Python Opencv中gamma变换的使用详解
2018/04/02 Python
Python定义二叉树及4种遍历方法实例详解
2018/07/05 Python
Python函数式编程指南:对生成器全面讲解
2019/11/19 Python
安装完Python包然后找不到模块的解决步骤
2020/02/13 Python
使用python接受tgam的脑波数据实例
2020/04/09 Python
Python通过文本和图片生成词云图
2020/05/21 Python
利用Python实现某OA系统的自动定位功能
2020/05/27 Python
python 下划线的不同用法
2020/10/24 Python
css3中less实现文字长阴影(long shadow)
2020/04/24 HTML / CSS
canvas绘制图片drawImage使用方法
2020/09/15 HTML / CSS
物业管理公司实习生自我鉴定
2013/09/19 职场文书
六查六看剖析材料
2014/02/15 职场文书
设备管理实施方案
2014/05/31 职场文书
餐饮店长岗位职责
2015/04/14 职场文书
电影焦裕禄观后感
2015/06/09 职场文书
CSS 制作波浪效果的思路
2021/05/18 HTML / CSS
springboot项目以jar包运行的操作方法
2021/06/30 Java/Android