<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
.d1{
    background: green;
    color: red;
    padding: 15px;
    text-align: center;
}
.d2{
    border:2px solid orange;
    font-size: 30px;
    height: 50px;
}

</style>
</head>
<body>
     <h4 id="bt" class="bt cc">休息休息</h4>
     <a id="aid" href="http://www.baidu.com" target="_self" title="">百度</a>
    <input type="text" id="xh" class="xh" value="123456"><br>
    <input type="text" id="xm" class="xingm" value="熊二"></input><br>
    <input type="text" id="sxcj" class="sxcj" name="fs" value="60"></input><br>
    <input type="text" id="yycj" class="yycj" name="fs" value="70"></input><hr>
    <input type="button" value="单机" onclick="myfun1()">
    <input type="button" value="单机" onclick="myfun2()">
    <input type="button" value="单机" onclick="myfun3()">
  <input type="button" value="单机" onclick="myfun4()">
<script>
 var bb=document.getElementById('bt');
 var fs=document.getElementsByName('fs');
 var inp=document.getElementsByTagName('input');
 var a1=document.getElementById('aid');
// bt.innerHTML='学生信息<em>查询</em>';
// alert(fs[0].id);
// alert(fs[1].value);
// alert(fs[0].className);
function myfun1(){
    a1.innerHTML='163';
    a1.target='_blank';
    a1.href='http://www.163.com';
    a1.style.color='#00f';
}
function myfun2(){
    inp[0].value='88888';
    inp[1].value='gouxing';
    fs[0].value='90';
    fs[1].value='100';
    inp[0].style.background='red';
}
function myfun3(){
bb.style.textShadow='2px 3px 3px #ff0000';
bb.style.fontSize='40px';
bb.style.background='rgba(150,50,25,0.2)';
}

function myfun4(){
    bb.className='d1'+' '+'d2';
}
</script>   
</body>
</html>

html5dom2的更多相关文章

随机推荐

  1. JS学习大作业-Excel

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  2. 动态性能视图v$mystat,v$sesstat,v$statname

    视图说明: v$mystat-------> 当前会话统计 v$sesstat------> 按会话进行分组统计 v$sysstat-------> 当系统的整体统计 v$statn ...

  3. [原]Jenkins(十六) jenkins再出发之jenkins+robot+blue ocean+svn

    jenkins version: 部署省略..(如有需要请查看本博客jenkins系列的文档) 新的jenkins需要先填写administratorpassword (如下图)找到下面红色的路径打开 ...

  4. linux软链接的创建、删除和更新

    大家都知道,有的时候,我们为了省下空间,都会使用链接的方式来进行引用操作.同样的,在系统级别也有.在Windows系列中,我们称其为快捷方式,在Linux中我们称其为链接(基本上都差不多了,其中可能有 ...

  5. 关于vue-cli创建项目（小白）(2)mock数据

    mock数据,好处,前后端分离,不用等后端的真实接口,就可以用axios(ek sju s 好像这么读,原谅本人总是根据读音写单词)请求数据了. 一,安装所需插件 根据不同需求选择安装环境,mockj ...

  6. IFrame标签的两个用法介绍

    1. 作为弹出层铺底覆盖 大家如果做过那种黑色遮罩盖住整张页面,而碰巧用户用的是IE6,更碰巧的是页面上有select元素,那就有得头疼了(原理就不在这里赘述了).我们会发现弹出的DIV没法遮住sel ...

  7. nginx入门与实战 安装 启动 配置nginx Nginx状态信息（status）配置 正向代理 反向代理 nginx语法之location详解

    nginx入门与实战 网站服务 想必我们大多数人都是通过访问网站而开始接触互联网的吧.我们平时访问的网站服务 就是 Web 网络服务,一般是指允许用户通过浏览器访问到互联网中各种资源的服务. Web ...

  8. spark-sql(spark sql cli)客户端集成hive

    1.安装hadoop集群 参考:http://www.cnblogs.com/wcwen1990/p/6739151.html 2.安装hive 参考:http://www.cnblogs.com/w ...

  9. windows加固

    1. 账户管理和认证授权 1.1 账户 默认账户安全 禁用Guest账户. 禁用或删除其他无用账户(建议先禁用账户三个月,待确认没有问题后删除.) 操作步骤 打开 控制面板 > 管理工具 > ...

  10. 《Redis 优化》

    一:管道技术 - 由于 redis 和 客户端是使用 TCP 连接的,那么在使用中就会产生往返耗时. - 虽然可能单条影响并不大,但是如果执行较多的命令会对性能产生影响. - 使用管道原理和 keep ...