美文网首页
2019-04-10js【】的使用

2019-04-10js【】的使用

作者: 果冻_4c9b | 来源:发表于2019-04-17 08:30 被阅读0次
   <!DOCTYPE html>
     <html>
         <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            #box{
                width: 100px;
                height: 100px;
                border: 1px black solid ;   
            }
        </style>
    </head>
    <body>
        
        <!-- 【】  完全等同于‘.’ -->
        <p>
        <input id="ip1" type="text">
        <input id="ip2" type="text">
        <button type="button" id="btn">改变</button>
        </p>
        <div id="box">
            
        </div>
        
        <script type="text/javascript">
            var obox = document.getElementById('box');
            var obtn = document.getElementById('btn');
            var oip1 = document.getElementById('ip1');
            var oip2 = document.getElementById('ip2');
            obtn.onclick=function(){
                obox.style[oip1.value]=oip2.value;
            }
        </script>
    </body>
</html>

相关文章

  • 2019-04-10js【】的使用

  • 2019-04-10js数组使用

  • 2019-04-10js题

    字体缩放 模拟聊天 图片切换 动态生成10个div

  • iconfont的使用(下载使用)

    1、下载文件 2、在生命周期中引入项目 beforeCreate () { var domModule = ...

  • Gson的使用--使用注解

    Gson为了简化序列化和反序列化的过程,提供了很多注解,这些注解大致分为三类,我们一一的介绍一下。 自定义字段的名...

  • 记录使用iframe的使用

    默认记录一下----可以说 这是我第一次使用iframe 之前都没有使用过; 使用方式: 自己开发就用了这几个属...

  • with的使用

    下面例子可以具体说明with如何工作: 运行代码,输出如下

  • this的使用

    什么是this? this是一个关键字,这个关键字总是返回一个对象;简单说,就是返回属性或方法“当前”所在的对象。...

  • this的使用

    JS中this调用有几种情况 一:纯粹的函数调用 这是函数的最通常用法,属于全局性调用,因此this就代表全局对象...

  • ==的使用

    积累日常遇到的编码规范,良好的编码习惯,持续更新。。。 日常使用==用于判断的时候,习惯性将比较值写前面,变量写后...

网友评论

      本文标题:2019-04-10js【】的使用

      本文链接:https://www.haomeiwen.com/subject/avnoiqtx.html