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 相关文章推荐
如何用JavaScript动态呼叫函数(两种方式)
May 03 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
Feb 27 Javascript
纯JavaScript实现的分页插件实例
Jul 14 Javascript
JavaScript实现的简单烟花特效代码
Oct 20 Javascript
Javascript基础教程之比较null和undefined值
May 16 Javascript
AngularJS 简单应用实例
Jul 28 Javascript
js 弹出虚拟键盘修改密码的简单实例
Oct 10 Javascript
微信小程序 教程之WXSS
Oct 18 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
Mar 31 Javascript
JavaScript实现的反序列化json字符串操作示例
Jul 18 Javascript
Layui选项卡制作历史浏览记录的方法
Sep 28 Javascript
在vant中使用时间选择器和popup弹出层的操作
Nov 04 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 文件上传全攻略
2010/04/28 PHP
php获取四位字母和数字的随机数的实现方法
2015/01/09 PHP
php生成RSS订阅的方法
2015/02/13 PHP
php中get_cfg_var()和ini_get()的用法及区别
2015/03/04 PHP
php检测apache mod_rewrite模块是否安装的方法
2015/03/14 PHP
thinkphp框架下404页面设置 仅三步
2016/05/14 PHP
jQuery UI AutoComplete 使用说明
2011/06/20 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
详解javascript数组去重问题
2015/11/06 Javascript
详解javascript高级定时器
2015/12/31 Javascript
javascript实现九宫格相加数值相等
2020/05/28 Javascript
Bootstrap布局方式详解
2016/05/27 Javascript
JS简单实现tab切换效果的多窗口显示功能
2016/09/07 Javascript
js实现随机抽选效果、随机抽选红色球效果
2017/01/13 Javascript
JS实现JSON.stringify的实例代码讲解
2017/02/07 Javascript
纯JS实现只能输入数字的简单代码
2017/06/21 Javascript
解决js ajax同步请求造成浏览器假死的问题
2018/01/18 Javascript
js实现可爱的气泡特效
2020/09/05 Javascript
基于JS实现操作成功之后自动跳转页面
2020/09/25 Javascript
vue3弹出层V3Popup实例详解
2021/01/04 Vue.js
在Python的Flask框架中验证注册用户的Email的方法
2015/09/02 Python
Python在线运行代码助手
2016/07/15 Python
python调用支付宝支付接口流程
2019/08/15 Python
关于django 1.10 CSRF验证失败的解决方法
2019/08/31 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
PyTorch笔记之scatter()函数的使用
2020/02/12 Python
django实现HttpResponse返回json数据为中文
2020/03/27 Python
日本食品网上商店:JaponShop.com
2017/11/28 全球购物
全球最受追捧的运动服品牌领先数字目的地:Stylerunner
2020/11/25 全球购物
公司出纳岗位职责
2013/12/07 职场文书
《花的勇气》教后反思
2014/02/12 职场文书
三月学雷锋月活动总结
2014/04/28 职场文书
大学生实习证明范本
2014/09/19 职场文书
清洁工工作总结
2015/08/11 职场文书
python pyhs2 的安装操作
2021/04/07 Python
oracle索引总结
2021/09/25 Oracle