<!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. 【转】【WPF】WPF中的Button的MouseDown事件不触发问题

    按照WPF的帮助说明,某些控件的路由事件被内部处理了,已经被标记为Handled,自行定义的事件处理代码便不再起作用了,有时候会很郁闷! 不过WPF提供了必要的方法. 1)使用相应的Preview事件 ...

  2. 第四百零五节，centos7下搭建sentry错误日志服务器，接收python以及Django错误，

    第四百零五节,centos7下搭建sentry错误日志服务器,接收python以及Django错误, 注意:版本,不然会报错 Docker >=1.11Compose >1.6.0 通过d ...

  3. 遍历一个Set的方法只有一个：迭代器（interator）。

    Set-HashSet实现类: 遍历一个Set的方法只有一个:迭代器(interator). HashSet中元素是无序的(这个无序指的是数据的添加顺序和后来的排列顺序不同),而且元素不可重复. 在O ...

  4. mvc 控制器忽略某些方法

    需求:登录信息验证,需要忽略登录注册这些接口的验证,通过给方法加忽略过滤器实现 1.需要忽略的方法加[IgnoreLoginFilter] 2.定义忽略过滤器 public class IgnoreL ...

  5. 23命令模式Command

    一.什么是命令模式 Command模式也叫命令模式 ,是行为设计模 式的一种.Command模式通过被称为 Command的类封装了对目标对象的调用行为以及调用参数. 二.命令模式的应用场景 在面向对 ...

  6. 关于4A网络安全管控平台控件加载失败的解决方法

    最近电脑重装系统后,到公司登录4A管控平台提示"控件加载失败","无效的参数为:Null","点击资源无任何反映"等等问题 别人的电脑用的好 ...

  7. NW.js 桌面应用程序

    nw.js官网    https://nwjs.io/downloads/ 中文网:https://nwjs.org.cn/ 参考文档 https://www.cnblogs.com/xuanhun/ ...

  8. 公司中springcloud项目遇到的问题

    1.更改maven的.m2下的settings.xml文件,程序就可以运行,是不是很神奇?

  9. js 读秒

    <input type="button" value=" 获取验证码 " class="verification right" &qu ...

  10. 移动端如何用swiper实现导航栏效果

    在移动端如何用swiper实现导航栏效果 我们在写移动端的时候会有滑动和点击导航后滑动到目标页面功能:而这个功能如果自己写的话会很麻烦,所以我在这推荐一下swiper这个插件. 其实swiper中的官 ...