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;//全局变量
    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-12-09 19:57:58

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

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 = squar

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获取及设置TextArea或input文本框选择文本位置的方法

这篇文章主要介绍了JS获取及设置TextArea或input文本框选择文本位置的方法,涉及TextArea及input文本操作技巧,需要的朋友可以参考下 本文实例讲述了JS获取及设置TextArea或input文本框选择文本位置的方法.分享给大家供大家参考.具体实现方法如下:function getPos(el) { var range, textRange, duplicate el.focus() if ( el.selectionStart ) return el.selectionSta

JS获取及设置TextArea或input文本框选择文本位置的方法_javascript技巧

本文实例讲述了JS获取及设置TextArea或input文本框选择文本位置的方法.分享给大家供大家参考.具体实现方法如下: function getPos(el) { var range, textRange, duplicate el.focus() if ( el.selectionStart ) return el.selectionStart else if ( document.selection ) { // IE range = document.selection.createR

简单的JS获取元素样式属性值的方法

简单的js获取元素样式属性值的方法 function attrstyle(elem,attr){  if(elem.style[attr]){   //若样式存在于html中,优先获取   return elem.style[attr];  }else if(elem.currentstyle){   //ie下获取css教程属性最终样式(同于css优先级)   return elem.currentstyle[attr];  }else if(document.defaultview &&

jquery获取及设置outerhtml的方法

 这篇文章主要介绍了jquery获取及设置outerhtml的方法,实例分析了jQuery实现针对outerhtml操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jquery获取及设置outerhtml的方法.分享给大家供大家参考.具体分析如下: 在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然而我们有时候的确需要,可以通过jQuery.prop("outerHTML")的方式设置. 很多jQuer

jquery获取及设置outerhtml的方法_jquery

本文实例讲述了jquery获取及设置outerhtml的方法.分享给大家供大家参考.具体分析如下: 在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然而我们有时候的确需要,可以通过jQuery.prop("outerHTML")的方式设置. 很多jQuery的使用者都对这一问题深感疑惑.为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢? 因为原生JS DOM里有一个内置属

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

 本篇文章主要是对JS 获取各种浏览器窗口大小的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 常用: JS 获取浏览器窗口大小   代码如下: // 获取窗口宽度  if (window.innerWidth)  winWidth = window.innerWidth;  else if ((document.body) && (document.body.clientWidth))  winWidth = document.body.clientWidth;  // 获