zoukankan      html  css  js  c++  java
  • js属性操作之 “.”点运算符合“[ ]”中括号运算符的关系

    js属性操作之  “.”点运算符合“[ ]”中括号运算符的关系

    .后面跟的要是具体的    如 :width  height

    【】里面可以是具体的也可以是     表达式

    在js改变css中经常用到     haha.style.width="200px";类似的操作来改变样式,这是我们对于某个触发事件的结果很清楚要改变什么,

    如果让用户来输入要改变的属性以及新的属性值,如下图所示,那么我们能写成  

    var otex1=document.getElementById("....")   //获取第1个文本框

    var otex2=document.getElementById("....")   //获取第2个文本框

    触发事件后:

    haha.style.otex1.value=otex2.value;  (✘✘✘✘✘✘✘✘)

    上面红色的我们认为是用来获取用户输入的属性名,而浏览器则理解为haha对象有一个名叫otex1的属性,

    所以此处我们可以用到中括号运算符[ ]

    例如    haha.style,color="red";  <========>  haha.style['color']="red";

    我们可以看到【】里面接受的参数是一个“字符串”所以就能把otex1.value当一个参数传进去

    haha.style[otex1.value]=otex2.value;

     

    注意经常会用到函数,其中参数就有属性接受传参,这时候用“。”要慎重,可能被理解为新属性


     

      

    本人小白,博客作为在线笔记,若有错误,还望指出,转载链接截图等皆为学习,若有侵权,请告知,
  • 相关阅读:
    记一次DRF问题排障
    贷款
    wpf 手指触摸图片放大缩小 设置放大缩小值
    wpf下的图片放大缩小
    WPF 鼠标移动到图片变大,移开还原,单击触发事件效果
    导出压缩
    Sql Server 数据库分页存储过程书写
    Asp.Net Core MVC传值 Asp.Net Core API 前台写法
    MVC下拉框
    Dapper和EF学习
  • 原文地址:https://www.cnblogs.com/xiaoxiaoyao/p/7543677.html
Copyright © 2011-2022 走看看