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表单传值和URL编码转换

    JS表单传值和URL编码转换

    本篇文章给大家详细分享了JS表单传值和URL编码转换的相关知识点,并把实例做了分享,一起学习下。
    2018-03-03
  • uni-app路由配置文件pages.json平台化拆分

    uni-app路由配置文件pages.json平台化拆分

    这篇文章主要为大家介绍了uni-app路由配置文件pages.json平台化拆分示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • 详解JavaScript 中的变量声明与赋值

    详解JavaScript 中的变量声明与赋值

    在 JavaScript 中使用变量或常量之前,必须先进行声明,这篇文章主要介绍了JavaScript中的变量声明与赋值,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-08-08
  • 使用postMesssage()实现跨域iframe页面间的信息传递方法

    使用postMesssage()实现跨域iframe页面间的信息传递方法

    下面小编就为大家带来一篇使用postMesssage()实现跨域iframe页面间的信息传递方法。小编觉得挺不错的,现在分享给大家,也给大家一个参考。一起跟随小编过来看看吧
    2016-03-03
  • 原生js实现简单轮播图

    原生js实现简单轮播图

    这篇文章主要为大家详细介绍了原生js实现简单轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • javascript css styleFloat和cssFloat

    javascript css styleFloat和cssFloat

    在写js操作css的过程中发现float属性在IE和firefox下对应的js脚本是不一样的,IE下对应得是 styleFloat,firefox,chorme,safari下对应的是cssFloat,可用in运算符去检测style是否包含此属性。
    2010-03-03
  • js验证账户名是否重复

    js验证账户名是否重复

    这篇文章主要为大家详细介绍了js验证账户名是否重复,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • 使用JavaScript平移和缩放图像的示例代码

    使用JavaScript平移和缩放图像的示例代码

    平移和缩放是查看图像时常用的功能,我们可以放大图像以查看更多细节,进行图像编辑,Dynamsoft Document Viewer是一个用于此目的的SDK,它为文档图像提供了一组查看器,在本文中,我们将演示如何使用它来平移和缩放图像,需要的朋友可以参考下
    2024-08-08
  • layui 弹出层回调获取弹出层数据的例子

    layui 弹出层回调获取弹出层数据的例子

    今天小编就为大家分享一篇layui 弹出层回调获取弹出层数据的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 理解Javascript_09_Function与Object

    理解Javascript_09_Function与Object

    在《理解Javascript_08_函数对象》中讲解了很多函数对象的问题,同时也留下了许多疑问,今天让我们来解答部分问题。
    2010-10-10

最新评论