zoukankan      html  css  js  c++  java
  • DOM问题应用

    在计算机中,DOM会用于哪一类的问题?

    在我们注册一些东西的时候,会有一些服务条款,阅读条款,同意时可进行下一步,不同意时则无法进行下一步。

    <body>
    <input id="a" type="checkbox" name="xvanze" value="0" onclick="click_yes()"/>
     <label for="a">同意</label>
     <input id="btn" type="button" value="下一步"  disabled="disabled"/>
    </body>
    </html>
    <script>
    var nowyear
    function click_yes(){
     var a=document.getElementById('a');
     if(a.checked){document.getElementById('btn').removeAttribute('disabled');
    }else{document.getElementById('btn').setAttribute('disabled','disabled')
    }
    }
    </script>

    可以从一个文本框或者是select下拉框中,转入另一个文本框或者是下拉框中。

    <body> <select id="a" multiple="multiple" size="7"  style="200px;" /></select> <input id="x" type="text"> <input type="button" id="y" name="tianjia" value="添加" /> <input type="button" id="z" name="zhuanyi" value="转移" /> <input type="button" id="back" name="fanhui" value="回去" /> <select id="b" multiple="multiple" size="7"  style="200px;" /></select> </body> </html> <script>

    document.getElementById('y').onclick=function(){  var y=document.getElementById('x');  document.getElementById('a').innerHTML+=  "<option value='"+y.value+"'>"   +y.value+    "</option>"    x.value=''; } document.getElementById('z').onclick=function(){  var a=document.getElementById('a');  var b=document.getElementById('b');  var temp='<option value="'+a.value+'">'   +a.value+   '</option>'

    a.innerHTML=a.innerHTML.replace(temp,'')  b.innerHTML+=temp;} document.getElementById('back').onclick=function(){  var a=document.getElementById('a');  var b=document.getElementById('b');  var temp='<option value="'+b.value+'">'   +b.value+    '</option>';  b.innerHTML=b.innerHTML.replace(temp,'');  a.innerHTML+=temp;} </script>


     

  • 相关阅读:
    NPM 使用介绍
    MySql(十):MySQL性能调优——MySQL Server性能优化
    Vue(一):简介和安装
    MySql(九):MySQL性能调优——Schema设计的性能优化
    Java数据结构和算法(十):二叉树
    SpringBoot+SpringAOP+Java自定义注解+mybatis实现切库读写分离
    Golang groupcache LRU 缓存简介与用法
    Ceph剖析:数据分布之CRUSH算法与一致性Hash
    如何用Github钩子做自动部署
    使用Golang的singleflight防止缓存击穿
  • 原文地址:https://www.cnblogs.com/hljj/p/6755123.html
Copyright © 2011-2022 走看看