<!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. 软件工程---gjb438b 质量规范体系

    GJB438B 软件设计说明模板 https://mp.weixin.qq.com/s?__biz=MjM5Mzc2NjczMQ%3D%3D&idx=3&mid=2651866777& ...

  2. 24小时学通Linux内核之电源开和关时都发生了什么

    说实话感觉自己快写不下去了,其一是有些勉强跟不上来,其二是感觉自己越写越差,刚开始可能是新鲜感以及很多读者的鼓励,现在就是想快点完成自己制定的任务,不过总有几个读者给自己鼓励,很欣慰的事情,不多感慨了 ...

  3. 解决ubuntu下音乐播放器Rhythmbox乱码问题

    两种解决方法 第一种是修改用户的环境变量 1.先打开主文件夹 cd /home/user #user是你的用户名然后编辑用户环境 2.sudo gedit .profile在打开的文件中添加: exp ...

  4. rabbitmq 生产者 消费者（多个线程消费同一个队列里面的任务。） 一个通用rabbitmq消费确认，快速并发运行的框架。

    rabbitmq作为消息队列可以有消息消费确认机制,之前写个基于redis的通用生产者 消费者 并发框架,redis的list结构可以简单充当消息队列,但不具备消费确认机制,随意关停程序,会丢失一部分 ...

  5. redis实战 -- python知识散记

    -- time.time() -- row.to_dict() -- json.dumps(row.to_dict()) #!/usr/bin/env python import time def s ...

  6. 内存(RAM或ROM)和FLASH存储的真正区别总结

    转载自:http://blog.csdn.net/liangkaiyang/article/details/59556531.什么是内存     什么是内存呢?在计算机的组成结构中,有一个很重要的部分 ...

  7. SQL 问题记录

    今天在处理SQL的时候遇到几个问题: 1.如果指定了 SELECT DISTINCT,那么 ORDER BY 子句中的项就必须出现在选择列表中 select distinct id from 收费站 ...

  8. WPS 关闭 wpscenter.exe 服务

    1.Ctrl + Shift + Esc 打开任务管理,结束wps相关的进程 2.新建文本文件,并命名为:wpscenter.exe 3.重命名 C:\Program Files1\WPS Offic ...

  9. A - Black Box 优先队列

    来源poj1442 Our Black Box represents a primitive database. It can save an integer array and has a spec ...

  10. web 接口测试入门

    在此之前先简单的介绍一下基本概念:我们想要打开一个网站,首先是需要往浏览器的地址的URL输入框架中输入网地址.当我敲下回车后,通过HTTP协议,将网址传送到域名解析服务器,域名解析服务器根据网址找到对 ...