js获取和设置属性

简介:
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");


本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/archive/2013/03/01/2938394.html,如需转载请自行联系原作者

相关文章
|
1月前
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
|
3天前
|
JavaScript 定位技术 API
[JS]百度地图设置城市
[JS]百度地图设置城市
11 1
|
6天前
|
JavaScript
js多维数组去重并使具有相同属性的对象数量相加
js多维数组去重并使具有相同属性的对象数量相加
10 1
|
13天前
|
JavaScript 前端开发 网络协议
利用Node.js和cpolar实现远程访问,无需公网IP和路由器设置的完美解决方案
利用Node.js和cpolar实现远程访问,无需公网IP和路由器设置的完美解决方案
21 0
|
13天前
|
JavaScript 前端开发 开发者
【专栏】JavaScript 中的 prototype 和__proto__是关乎对象继承和属性查找的关键概念
【4月更文挑战第29天】JavaScript 中的 prototype 和__proto__是关乎对象继承和属性查找的关键概念。prototype 是函数属性,用于实现对象继承,方法和属性定义在其上可被所有实例共享。__proto__是对象属性,实现属性查找机制,当对象自身找不到属性时,会沿原型链向上查找。两者关系:__proto__指向构造函数的 prototype,构成对象与原型的桥梁。虽然 prototype 可直接访问,但__proto__由引擎内部维护,不可见。理解两者区别有助于深入学习 JavaScript。
|
16天前
|
JavaScript 前端开发
JavaScript如何设置定时器,怎么清除定时器
JavaScript如何设置定时器,怎么清除定时器
20 3
|
20天前
|
JavaScript
js Array map映射对象多个属性
js Array map映射对象多个属性
5 0
|
23天前
|
存储 JavaScript 前端开发
js的基本属性
【4月更文挑战第20天】js的基本属性
21 8
|
26天前
|
JavaScript 前端开发
js改变元素的内容、属性、样式
js改变元素的内容、属性、样式
14 3
|
1月前
|
JavaScript 前端开发 API
JQuery的attr()属性和JS的属性的方法
JQuery的attr()属性和JS的属性的方法
10 0