需求，现在要求两个按钮，点击1，背景为红色，点击2，背景为黄色

*****html代码
——————————————————————————————————————————————————
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>changzhecolour</title>
    <!--通过外链引入css表单，id标记此link属性-->
    <link rel="stylesheet" type="text/css" href="css1.css" id="link"/>
</head>
<body>
<!--定义一块区域，放入两个按钮-->
<div id="div">
    <input id="d1" type="button" value="换成红色"/>
    <input id="d2" type="button" value="换成黄色"/>
</div>
<script>
    <!--lk这个变量代表了外链的内容，通过id=link这个链接。d1变量则是代表了id="d1"这个标签的内容，就是换成红色这个button-->
    var lk = document.getElementById("link");
    var d1 = document.getElementById("d1");
    var d2 = document.getElementById("d2");
//    换成红色这个button的onclick属性 ,也就是发生在d1上的onclick事件，让lk变量代表的link改变了路径，进而改变div背景
    d1.onclick = function () {
        lk.href= "css2.css"

    };
    d2.onclick = function () {
        lk.href= "css1.css"

    };

</script>
</body>
</html>

————————————————————————————
****css1.css 代码
————————————————————————————
#div {
    width:800px;
    height: 800px;
    background: yellow;
}
#d1{
    width: 80px;
    height: 30px;
    margin: 20px 50px 0px;

}
#d2{
    width: 80px;
    height: 30px;
    margin: 20px 50px 0px;

}
——————————————————————————————————————————
￥￥￥￥￥ css2.css 代码
——————————————————————————————————————————
#div {
    width:300px;
    height: 300px;
    background: red;
}
#d1{
    width: 80px;
    height: 30px;
    margin: 20px 50px 0px;

}
#d2{
    width: 80px;
    height: 30px;
    margin: 20px 50px 0px;

}
												


											
js俩习题的更多相关文章
	

    
								
  1. JS答辩习题
		
    php高中班javascript答辩题目 1 什么是javascript?  答:Javascript是一种专门设计用来增强网页交互性的脚本语言,它也是一种解释型语言. 2 Javascript与C语 ...
    
		
    2. 
						
  2. Java进击C#——应用开发之Asp.net
		
    本章简言 上一章中笔者讲到关于Linq和EF的用法.并以hibernate来进行讲解.那么本章笔者来讲一下C#的Asp.Net.即是在B/S模式下开发.现在企业大部分的业务都是面向B/S模式的.所以对 ...
    
		
    3. 
						
  3. ReactJS入门（一）—— 初步认识React
		
    React刚开始红的时候,由于对其不甚了解,觉得JSX的写法略非主流,故一直没打算将其应用在项目上,随着身边大神们的科普,才后知后觉是个好东西. 好在哪里呢?个人拙见,有俩点: 1. 虚拟DOM —— ...
    
		
    4. 
						
  4. ajax模拟获取json
		
    现在工作中我用到获取数据的方式,基本都是ajax.前台获取后端的数据后,需要进行处理,然后把他们放进页面中的相应标签里.下面举一个简单的例子,来模拟数据的获取和摆放. 这里用ng框架获取数据然后处理, ...
    
		
    5. 
						
  5. 应用开发之Asp.net
		
    本章简言 上一章中笔者讲到关于Linq和EF的用法.并以hibernate来进行讲解.那么本章笔者来讲一下C#的Asp.Net.即是在B/S模式下开发.现在企业大部分的业务都是面向B/S模式的.所以对 ...
    
		
    6. 
						
  6. React学习之redux
		
    在阅读本文之前,希望大家对以下知识点能提前有所了解并且上好厕所(文章有点长): 状态提升的概念 react高阶组件(函数) es6基础 pure 组件(纯函数) Dumb 组件 React.js的co ...
    
		
    7. 
						
  7. 微信小程序获取多个input和textarea的值（es6加微信小程序APi）
		
    wxml js 俩行即可解决,money1,money2,money3
    
		
    8. 
						
  8. 记一次Jquery学习引发的学习思考
		
    学习廖雪峰Jquery的教程关于表单的操作时,被最后的习题给困住了,在一番思索后无奈地决定去看博客评论下的答案,却发现自己看不懂,遂以为是对Jquery的了解还不够深,于是便在网上疯狂搜索关于Jque ...
    
		
    9. 
						
  9. 1组-Alpha冲刺-5/6
		
    一.基本情况 队名:震震带着六菜鸟 组长博客:https://www.cnblogs.com/Klein-Wang/p/15564206.html 小组人数:7人 二.冲刺概况汇报 王业震 过去两天完 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 两数相加（java版本）
			
    (一).单链表实现 package com.lin.leetcode.addTwoNumbers; /** * Created by Yaooo on 2019/8/26. */ public cla ...
    
			
    2. 
						
  2. luoguP1965 转圈游戏(NOIP2013)(快速幂)
			
    luogu P1965 转圈游戏 题目 #include<iostream> #include<cstdlib> #include<cstdio> #include ...
    
			
    3. 
						
  3. CVE-2014-4014 Linux Kernel Local Privilege Escalation PoC
			
    /**  * CVE-2014-4014 Linux Kernel Local Privilege Escalation PoC  *  * Vitaly Nikolenko  * http://ha ...
    
			
    4. 
						
  4. 洛谷 - P3803 - 【模板】多项式乘法（FFT） - FFT
			
    https://www.luogu.org/problemnew/show/P3803 用反向学习的FFT通过这个东西. #include <bits/stdc++.h> using na ...
    
			
    5. 
						
  5. 1571. [Usaco2009 Open]滑雪课Ski
			
    传送门 可以想到 $dp$,设 $f[i][j]$ 表示当前等级为 $i$,时间为 $j$ 的最大滑雪次数 显然上课不会上让自己等级降低的课,所以第一维 $i$ 满足无后效性 然后直接枚举 $i,j$ ...
    
			
    6. 
						
  6. 【转】通俗理解Java序列化与反序列化
			
    一.序列化和反序列化的概念 把对象转换为字节序列的过程称为对象的序列化. 把字节序列恢复为对象的过程称为对象的反序列化. 对象的序列化主要有两种用途: 1) 把对象的字节序列永久地保存到硬盘上,通常存 ...
    
			
    7. 
						
  7. Java反射----数组操作
			
    1,获取数组字段 在Person类中定义了一个一维数组字段:int[] a1 = new int[]{1,2,3}; 如何通过反射技术来操作该字段? 补充:Java操作数组主要用的是Array类. @ ...
    
			
    8. 
						
  8. git stash 后"本地代码不见了"
			
    git stash 当本地代码不想提交覆盖,又忙于其他分支,可以先储存起来. git stash命令的作用就是将目前还不想提交的但是已经修改的内容进行保存至堆栈中,后续可以在某个分支上恢复出堆栈中的内 ...
    
			
    9. 
						
  9. sql server 自优化
			
    大数据量下的SQL Server数据库自身优化 发布时间:2013-12-17 15:19:00 来源:论坛 作者:佚名   关键字:数据库开发 1.1:增加次数据文件 从SQL SERVER 200 ...
    
			
    10. 
						
  10. php中__call与__callstatic()使用
			
    php 5.3 后新增了 __call 与__callStatic 魔法方法. __call 当要调用的方法不存在或权限不足时,会自动调用__call 方法. __callStatic 当调用的静态方 ...
    
			
    11.