js获取和设置属性的方法_javascript技巧

复制代码 代码如下:

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");

时间: 2024-09-17 04:38:59

js获取和设置属性的方法_javascript技巧的相关文章

JS获取图片lowsrc属性的方法_javascript技巧

本文实例讲述了JS获取图片lowsrc属性的方法.分享给大家供大家参考.具体如下: lowsrc属性一般设置为图片的低分辨率图片地址,下面的代码可以通过点击链接显示图片的低分辨率版本 <!DOCTYPE html> <html> <body> <img id="compman" src="compman.gif" lowsrc="compman_lowres.gif" alt="Computer

JavaScript设置获取和设置属性的方法_javascript技巧

getAttribute 该方法用来获取元素的属性,调用方式如下所示: 复制代码 代码如下: object.getAttribute(attribute) 以此前介绍的一些方法不同,getAttribute方法不属于document对象,所以不能通过document对象调用.它只能通过元素节点对象来调用. 该方法只接受一个参数,你指定要查询的属性的名字.如果指定的属性没有设置,结果将返回null对象. setAttribute 以上面作用相反的是setAttribute,该方法被用来设置元素节点

js获取和设置属性的方法

 本篇文章主要是对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;//全局变量  

JS使用cookie设置样式的方法_javascript技巧

本文实例讲述了JS使用cookie设置样式的方法.分享给大家供大家参考,具体如下: var styleShow = ["blackgreen", "purple"]; var path = "/"; var StyleSwitch = { //设置样式 setStyleSheet: function (StyleName) { var i, a, main; for (i = 0; (a = document.getElementsByTagNa

js获取json元素数量的方法_javascript技巧

本文实例讲述了js获取json元素数量的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <script> var keleyijson={"plug1":"myslider","plug2":"zonemenu","plug3":"javascript"} function JSONLength(obj) { var size = 0, key; for

js获取图片宽高的方法_javascript技巧

本文分享多种js获取图片宽高的方法,并且通过实例进行分析,希望大家从中有所收获. 一.简陋的获取图片方式 // 图片地址 后面加时间戳是为了避免缓存 var img_url = 'upload/2013/13643608813441.jpg?'+Date.parse(new Date()); // 创建对象 var img = new Image(); // 改变图片的src img.src = img_url; // 打印 alert('width:'+img.width+',height:'

JS获取鼠标相对位置的方法_javascript技巧

本文实例讲述了JS获取鼠标相对位置的方法.分享给大家供大家参考,具体如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"/> <title>位置</title> <script language="javascript" type="text/javascript"&

js获取内联样式的方法_javascript技巧

本文实例讲述了js获取内联样式的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,in

JS获取各种浏览器窗口大小的方法_javascript技巧

常用:JS 获取浏览器窗口大小 复制代码 代码如下: // 获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; // 获取窗口高度 if (window.innerHeight) winHeight = window.innerHeig