js获取和设置属性的方法

 更新时间:2014年02月20日 09:57:03   作者:  
本篇文章主要是对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");

相关文章

  • js canvas实现橡皮擦效果

    js canvas实现橡皮擦效果

    这篇文章主要为大家详细介绍了使用Canvas实现橡皮擦效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • 详解JavaScript是如何验证URL的

    详解JavaScript是如何验证URL的

    当开发者需要为不同目的以不同形式处理URL时,我们经常会借助于JavaScript。本文就为大家整理了JavaScript验证URL的方法,希望对大家有所帮助
    2023-02-02
  • js中document.getElementByid、document.all和document.layers区分介绍

    js中document.getElementByid、document.all和document.layers区分介绍

    document.getElementById 是公共标准,被目前的所有主流浏览器支持,document.all只有IE支持,document.layers是Netscape 4.x专有的属性
    2011-12-12
  • JS document文档的简单操作完整示例

    JS document文档的简单操作完整示例

    这篇文章主要介绍了JS document文档的简单操作,结合完整实例形式详细分析了JavaScript document文档元素添加、删除、获取、创建等相关操作技巧与使用注意事项,需要的朋友可以参考下
    2020-01-01
  • 微信小程序tabBar自定义弹窗遮挡不住解决技巧

    微信小程序tabBar自定义弹窗遮挡不住解决技巧

    这篇文章主要为大家介绍了微信小程序tabBar自定义弹窗遮挡不住解决技巧详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • JavaScript使用RegExp进行正则匹配的方法

    JavaScript使用RegExp进行正则匹配的方法

    这篇文章主要介绍了JavaScript使用RegExp进行正则匹配的方法,实例分析了RegExp对象在进行正则匹配时的相关使用技巧,需要的朋友可以参考下
    2015-07-07
  • 老生常谈JS中的继承及实现代码

    老生常谈JS中的继承及实现代码

    这篇文章主要介绍了js中的继承及实现代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-07-07
  • 最精简的JavaScript实现鼠标拖动效果的方法

    最精简的JavaScript实现鼠标拖动效果的方法

    这篇文章主要介绍了最精简的JavaScript实现鼠标拖动效果的方法,可实现javascript控制鼠标拖动div层效果的方法,需要的朋友可以参考下
    2015-05-05
  • 详解JavaScript的懒加载是如何实现的

    详解JavaScript的懒加载是如何实现的

    懒加载(Lazy Loading)是一种在软件开发中常用的优化技术,它主要用于延迟加载资源,直到真正需要使用的时候才进行加载,这样可以减少初始加载的时间和资源消耗,并提升用户体验,本文给大家详细介绍了JavaScript的懒加载是如何实现的,需要的朋友可以参考下
    2024-01-01
  • JS温故而知新之变量提升和时间死区

    JS温故而知新之变量提升和时间死区

    这篇文章主要给大家介绍了关于JS温故而知新之变量提升和时间死区的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-01-01

最新评论