首页 > 软件开发 > JavaScript >

访问对象的属性(properties)有哪两种方法

来源:互联网 2023-03-16 23:57:26 版权归原作者所有,如有侵权,请联系我们

在Javascript脚本开发时,我们经常会使用到对象,无论是内置的对象,还是自己写的对象,都会经常使用到。yt6办公区 - 实用经验教程分享!

在访问对象的属性时,我们可以通过二种方法来访问,下面来看下。yt6办公区 - 实用经验教程分享!

方法/步骤

  • 1

    首先,我们创建一个自定义的对象,yt6办公区 - 实用经验教程分享!

    var jy = { a: '百度经验', b: '百度知道'};yt6办公区 - 实用经验教程分享!

    很简单,jy这个对象里,就二个属性,a和b。yt6办公区 - 实用经验教程分享!

    访问对象的属性(properties)有哪两种方法yt6办公区 - 实用经验教程分享!

  • 2

    然后使用第一种访问属性的方法来访问这个对象的属性a,第一种方法就是通过数组的形式,var p_a = jy['a'];yt6办公区 - 实用经验教程分享!

    访问对象的属性(properties)有哪两种方法yt6办公区 - 实用经验教程分享!

  • 3

    打开页面,我们来看来alert弹出框的内容是否正确?yt6办公区 - 实用经验教程分享!

    a属性的内容就是‘百度经验’,所以访问出来的数据正确。yt6办公区 - 实用经验教程分享!

    访问对象的属性(properties)有哪两种方法yt6办公区 - 实用经验教程分享!

  • 4

    接着用第二种方法来访问属性b,yt6办公区 - 实用经验教程分享!

    那就是对于点号的方式,var p_b = jy.b; 这种方法看起来是更像是一个对象的方法。yt6办公区 - 实用经验教程分享!

    访问对象的属性(properties)有哪两种方法yt6办公区 - 实用经验教程分享!

  • 5

    再刷新页面,看结果如图,yt6办公区 - 实用经验教程分享!

    也能正确的访问到对象的属性数据。yt6办公区 - 实用经验教程分享!

    访问对象的属性(properties)有哪两种方法yt6办公区 - 实用经验教程分享!

  • 6

    自定义的对象访问属性正常,但如果是内置的对象呢?yt6办公区 - 实用经验教程分享!

    下面来看下一个dom对象能否正常访问,通过一个id来获取到一个table的dom对象,然后访问这个dom对象的id属性,看下如何。yt6办公区 - 实用经验教程分享!

    var table = document.getElementById("ttable")var id = table['id'];yt6办公区 - 实用经验教程分享!

    访问对象的属性(properties)有哪两种方法yt6办公区 - 实用经验教程分享!

  • 7

    刷新页面,我们可以得到这个dom对象table的id属性。yt6办公区 - 实用经验教程分享!

    访问对象的属性(properties)有哪两种方法yt6办公区 - 实用经验教程分享!

  • 7本页面未经许可获取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!yt6办公区 - 实用经验教程分享!


    标签: 编程语言JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号