html5dom2
<!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的更多相关文章
随机推荐
- 5.动态代理AOP实现-DynamicProxy模式
通过动态代理模式Interceptor实现在RegUser()方法本身业务前后加上一些自己的功能,如:PreProceed和PostProceed,即不修改UserProcessor类又能增加新功能 ...
- Windows Server 2003下DHCP服务器的安装与简单配置图文教程
在前面的内容中,我们提到了DHCP这个词,为什么要用到DHCP呢,企业里如果有100台计算机,那样,我们一台台的进行配置Ip,我想还是可以的,因为少嘛,如果成千上万台,那我们也去一台台的配置,我相信这 ...
- 通过java实现解压zip,rar的代码
package com.zuidaima.main; import java.io.File; import java.io.FileInputStream; import java.io.FileO ...
- Oracle 19c使用dbca来搭建物理DG
Using DBCA to Create a Data Guard Standby The Database Configuration Assistant (DBCA) can also be us ...
- java生成txt文件,读txt文件
1.方法1 public static void main(String[] args) { try { FileWriter fileWriter = new FileWriter("c: ...
- JS数组常用方法总结
JavaScript中创建数组有两种方式 (一)使用 Array 构造函数: var arr1 = new Array(); //创建一个空数组 var arr2 = new Array(20); / ...
- 关于npm的坑
http://javascript.ruanyifeng.com/nodejs/packagejson.html 一.npm常用易忘指令 npm list --depth=0:查看所有高级的npm m ...
- [原]CentOS 7 chrony 笔记
~]# timedatectl status Local -- :: CST ==> 本地系统实际时间,设置时间timedatectl set-:: 设置日期timedatectl set- 设 ...
- Android application 和 activity 标签详解
extends:http://blog.csdn.net/self_study/article/details/54020909 Application 标签 android:allowTaskRep ...
- 线程的信号量Semaphore
线程和进程一样也有信号量,一个资源在同一时刻只有规定数量的线程能使用.