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 相关文章推荐
Windows Live的@live.com域名注册漏洞 利用代码
Dec 27 Javascript
jquery 子窗口操作父窗口的代码
Sep 21 Javascript
JS 遮照层实现代码
Mar 31 Javascript
javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
Apr 12 Javascript
2014年最火的Node.JS后端框架推荐
Oct 27 Javascript
js获取隐藏元素宽高的实现方法
May 19 Javascript
jQuery判断邮箱格式对错实例代码讲解
Apr 12 jQuery
详解基于Angular4+ server render(服务端渲染)开发教程
Aug 28 Javascript
vue中锚点的三种方法
Jul 06 Javascript
微信小程序自定义组件实现tabs选项卡功能
Jul 14 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
Sep 28 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
Nov 16 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
安装ImageMagick出现error while loading shared libraries的解决方法
2014/09/23 PHP
PHP基于ORM方式操作MySQL数据库实例
2017/06/21 PHP
jquery form表单提交插件asp.net后台中文解码
2010/06/12 Javascript
javascript之典型高阶函数应用介绍
2013/01/10 Javascript
实测jquery data()如何存值
2013/08/18 Javascript
jquery实现背景墙聚光灯效果示例分享
2014/03/02 Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
2016/08/05 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
JS监控关闭浏览器操作的实例详解
2017/09/12 Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
2017/09/20 jQuery
swiper移动端轮播插件(触碰图片之后停止轮播)
2017/12/28 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
2019/04/29 Javascript
基于layui实现高级搜索(筛选)功能
2019/07/26 Javascript
[00:20]DOTA2荣耀之路7:-ah fu-抢盾
2018/05/31 DOTA
python实现数据预处理之填充缺失值的示例
2017/12/22 Python
python中正则表达式的使用方法
2018/02/25 Python
浅谈pandas中DataFrame关于显示值省略的解决方法
2018/04/08 Python
python 筛选数据集中列中value长度大于20的数据集方法
2018/06/14 Python
Python运行DLL文件的方法
2020/01/17 Python
解决paramiko执行命令超时的问题
2020/04/16 Python
python3中的logging记录日志实现过程及封装成类的操作
2020/05/12 Python
在Keras中利用np.random.shuffle()打乱数据集实例
2020/06/15 Python
python如何快速生成时间戳
2020/07/21 Python
Python如何使用ElementTree解析xml
2020/10/12 Python
python文件路径操作方法总结
2020/12/21 Python
HTML里显示pdf、word、xls、ppt的方法示例
2020/04/14 HTML / CSS
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
品牌宣传方案
2014/03/21 职场文书
社区文化建设方案
2014/05/02 职场文书
大学生个人先进事迹材料范文
2014/05/03 职场文书
验房委托书
2014/08/30 职场文书
入党政审材料范文
2014/12/24 职场文书
python的netCDF4批量处理NC格式文件的操作方法
2022/03/21 Python
Netty客户端接入流程NioSocketChannel创建解析
2022/03/25 Java/Android
台式电脑蓝牙适配器怎么安装?台式电脑蓝牙适配器安装教程
2022/04/08 数码科技
码云(gitee)通过git自动同步到阿里云服务器
2022/12/24 Servers