`
piperzero
  • 浏览: 3456370 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

使用dom改变字体和修改背景颜色

 
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=utf-8" />

<title>无标题文档</title>

<style>

.k1{

height:10px;

width:10px;

margin:2px;

float:right;}

</style>

<script language="javascript"type="text/javascript">

function change(color){

//设置背景颜色

document.bgColor=color;

}

function changeSize(size){

//获取div

document.getElementById("content").style.fontSize=size+"px";

}

</script>

</head>

<body>

<div class="k1"style="background-color:#FFFFFF"onclick="change('#FFFFFF')"></div>

<div class="k1"style="background-color:#000000"onclick="change('#000000')"></div>

<div class="k1"style="background-color:#11FFCC"onclick="change('#11FFCC')"></div>

<spanonclick="changeSize(26)">大</span>

<spanonclick="changeSize(15)">中</span>

<spanonclick="changeSize(10)">小</span>

<hr style="clear:both" />

<div id="content">四级包过秘籍<br />

</div>

</body>

</html>


分享到:
评论

相关推荐

    微信小程序点击移除添加class(点击改变背景颜色和字体颜色)

    微信小程序不允许DOM操作,所以不能用addClass这种方法,我的用法如下。点击元素后,获取元素中data-select值,赋值给catalogSelect,然后判断二者是否相等,一样则添加class(class的css可以先写好)。 !--页面-- v...

    毕设前端部分毕设前端部分.rar

    CSS使用选择器和样式规则来控制元素的外观,如字体、颜色、背景、边框等。CSS还可以通过响应式设计使页面在不同设备上自适应,提高用户体验。因此,CSS是前端开发的另一个重要技能。 第三,JavaScript JavaScript是...

    JavaScript详解(第2版)

     15.7 DOM的修改(追加、复制和删除节点)   15.7.1 innerHTML属性和元素的内容   15.7.2 更改元素的内容   15.7.3 使用DOM创建新元素   15.7.4 在节点前插入   15.7.5 为节点创建属性   15.7.6 ...

    疯狂HTML 5+CSS 3+JavaScript讲义(第2版)+源代码

    5.1 使用audio和video元素 138 5.2 使用JavaScript脚本控制媒体播放 141 5.3 事件监听 144 5.4 track元素 146 5.5 本章小结 149 第6章 级联样式单与CSS选择器 150 6.1 样式单概述 151 6.2 CSS样式单的基本...

    Ext Js权威指南(.zip.001

    10.2.5 设置行的背景颜色 / 532 10.2.6 列标题的分组 / 533 10.2.7 使用锁定列 / 534 10.2.8 grid的配置项、属性、方法和事件 / 535 10.3 grid的附加功能 / 537 10.3.1 概述 / 537 10.3.2 附加功能基类:ext....

    JavaScript网页特效范例宝典源码

    实例254 通过按钮变换背景颜色 395 实例255 背景自动变色 396 实例256 百叶窗 396 实例257 渐隐渐显的背景颜色 398 实例258 页面缩小 399 实例259 页面上下打开效果 400 实例260 页面左右打开效果 402 实例261 页面...

    CSharpWriter:CSharpWriter是RTF样式编辑器WinForm.NET控件替代RichTextBox。 通过GDI +绘制内容并可以保存到XML文件

    CSharpWriter 背景 许多人使用标准RichTextBox控件来处理RTF样式文本。 但是RichTextBox控件有很多限制。 例如,它不能在NO-GUI应用... 如文字颜色,底色,字体。 DOM,您无需创建GUI控件即可在内存中创建文档。 因

    h_JAVA 2应用编程150例.rar

    实例10 改变字体 26 实例11 应用JTree 28 实例12 应用JTable 30 实例13 记事本 32 实例14 使用JTextPane 36 实例15 实现多文档视图 37 实例16 使用进度条 39 实例17 使用工具提示 42 实例18 不同界面的风格 43 第2章...

    WPF编程宝典 part1

    6.1.1 背景画刷和前景画刷 130 6.1.2 字体 132 6.1.3 鼠标光标 136 6.2 内容控件 137 6.2.1 Content属性 138 6.2.2 对齐内容 140 6.2.3 WPF内容原则 141 6.2.4 标签 142 6.2.5 按钮 142 6.2.6 工具提示 145 6.3 特殊...

    WPF编程宝典 part2

    6.1.1 背景画刷和前景画刷 130 6.1.2 字体 132 6.1.3 鼠标光标 136 6.2 内容控件 137 6.2.1 Content属性 138 6.2.2 对齐内容 140 6.2.3 WPF内容原则 141 6.2.4 标签 142 6.2.5 按钮 142 6.2.6 工具提示 145 6.3 特殊...

    Android例子源码集成安卓主流优秀第三方组件框架.zip

    自定义Toast工具类(ToolToast.java),自定义背景色、字体颜色、大小、边框等 Properties操作工具类(ToolProperties.java),读写Properties文件操作 网络操作工具类(ToolNetwork.java),获取网络信息、更改切换...

    java应用软件程序设计

    18 实例8 利用JNI实现窗口特效 20 实例9 文件选择对话框 24 实例10 改变字体 26 实例11 应用JTree 28 实例12 应用JTable 30 实例13 记事本 32 实例14 使用JTextPane 36 实例15 实现多文档...

Global site tag (gtag.js) - Google Analytics