小编给大家分享一下javascript怎么设置字体效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在javascript中,可以使用style属性设置字体效果,
小编给大家分享一下javascript怎么设置字体效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
在javascript中,可以使用style属性设置字体效果,语法格式“对象.style.属性=属性值”。Style对象代表一个单独的样式声明。可从应用样式的文档或元素访问Style对象。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "Http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/javascript">function over(obj){obj.style.backgroundColor="blue";obj.style.color="white";}function out(obj){obj.style.backgroundColor="";obj.style.color="";}function win(){p1.style.fontWeight="Bold";//粗体p2.style.fontStyle="Italic";//斜体p3.style.textDecoration="underline";//下划线p4.style.textDecoration="line-through";//删除线}function qs(){p1.style.fontWeight="nORMal";p2.style.fontStyle="normal";p3.style.textDecoration="none";p4.style.textDecoration="none";}</script></head><body οnlοad="win();"><table border="1" cellspacing="0" width="234" height="77"><tr align="center" id="t1" οnmοusemοve="over(this);" οnmοuseοut="out(this);"><td width="52"> </td><td width="65">商品</td><td width="95">价格(元)</td></tr><tr align="center" id="t2" οnmοusemοve="over(this);" οnmοuseοut="out(this);"><td>A 商场</td><td>S 商品</td><td>100</td></tr><tr align="center" id="t3" οnmοusemοve="over(this);" οnmοuseοut="out(this);"><td>B 商场</td><td>S 商品</td><td>80</td></tr></table><p id="p1">阿帕奇</p><p id="p2">阿帕奇</p><p id="p3">阿帕奇</p><p id="p4">阿帕奇</p><p id="p5" οnmοusemοve="qs();">鼠标移到此处撤销 阿帕奇样式</p><p id="p6">阿帕奇</p></body></html>
在很多情况下,都需要对网页上元素的样式进行动态的修改。在JavaScript中提供几种方式动态的修改样式,下面将介绍方法的使用、效果、以及缺陷。
使用obj.className来修改样式表的类名。
使用obj.style.CSSTest来修改嵌入式的css。
使用obj.className来修改样式表的类名。
使用更改外联的css文件,从而改变元素的css
以上是“javascript怎么设置字体效果”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网精选频道!
--结束END--
本文标题: javascript怎么设置字体效果
本文链接: https://www.lsjlt.com/news/279845.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0