源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

JavaScript sup方法入门实例(把字符串显示为上标)

  • 时间:2020-10-29 14:36 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JavaScript sup方法入门实例(把字符串显示为上标)
sup 方法返回使用 HTML sup 标签属性定义的上标字符串。其语法如下:
[u]复制代码[/u] 代码如下:
str_object.sup()
提示:该方法不符合 ECMA 标准,不建议使用。 [b]sup 方法实例:[/b]
[u]复制代码[/u] 代码如下:
<script language="JavaScript"> document.write( '编程素材网' + '每一点进步,都是我们通往成功道路上的坚实脚印'.sup() ); </script>
运行该例子,输出:
[u]复制代码[/u] 代码如下:
编程素材网每一点进步,都是我们通往成功道路上的坚实脚印
提示:该方法返回使用 HTML sup 标签定义的上标字符串,即使用该方法并不能直接将字符串变更为上标样式。如果想动态改变元素字体为上标样式,可参考下面的实例: [b]改变字体文本上下对齐方式(上标/下标)[/b]
[u]复制代码[/u] 代码如下:
<html> <script language="JavaScript"> function changFont( x ){     document.getElementById("sub_title").style.verticalAlign = x; } </script> <body> <p> <a onClick="changFont('sub');">下标样式</a> <a onClick="changFont('super');">上标样式</a> </p> <p> 编程素材网<span id="sub_title">每一点进步,都是我们通往成功道路上的坚实脚印</span> </p> </body> </html>
在该例子中,通过 JavaScript 控制文本 CSS vertical-align 样式的方式,来动态改变字体文本的上下对齐方式(上标/下标)。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部