<style type="text/css">
h1 {text-align:center}
p {text-indent:2em; line-height:140%; margin:auto 10px}
span {margin:3px}
table {margin:auto; border-style:solid; border-width:1px 1px 0 0; border-color:gray}
td, th {border-style:solid; border-width:0 0 1px 1px; border-color:gray}
caption {margin:auto; font-weight:bold}
dl {margin-left:20px}
dt {font-weight:bold}
.name {font-weight:bold}
.code {color:blue}
.regex {color:red}
.part {color:green}
.string {font-style:italic}
/*.string {background:gray;color:white}*/
.desc {text-decoration:underline}
</style>
<script type="text/javascript">
//<![CDATA[
function clearFormats()
{
var spans=document.getElementsByTagName("span");
for(var i=0; i<spans.length; i++)
{
spans[i].bakClassName=spans[i].className;
spans[i].className="";
}
var button=document.getElementById("clearButton");
button.value="恢复格式(Alt+C)";
button.onclick=setFormats;
}
function setFormats()
{
var spans=document.getElementsByTagName("span");
for(var i=0; i<spans.length; i++)
{
spans[i].className=spans[i].bakClassName;
}
var button=document.getElementById("clearButton");
button.value="清除格式(Alt+C)";
button.onclick=clearFormats;
}
//]]>
</script>
</head>
<body>
<p>
文本格式约定：<span class="name">专业术语</span> <span class="code">特殊代码/语法格式</span> <span class="regex">正则表达式</span> <span class="part">正则表达式中的一部分(用于分析)</span> <span class="string">用于在其中搜索的字符串</span> <span class="desc">对正则表达式或其中一部分的说明</span><input id="clearButton" accesskey="c" onclick="clearFormats();" value="清除格式(Alt+C)" type="button"></p>
</body>
</html>
分享到：
相关推荐
需要注意的是： 注意大小写： javascript对大小写十分敏感，className不能够把“N”写成“n”，cssText也不能够把“T”写成“t”，否则无法实现效果。 调用方法： 如果改变className，则事先在样式表中申明类，但...
这里主要介绍了ExtJS常用组件的样式修改，包括工具栏样式修改、菜单样式修改、树形菜单样式修改、表格样式修改、按钮样式修改等。
JS改变元素样式
js修改页面背景，html设计中常有的广告背景修改方式。
arcgis for js自定义鼠标样式
本文主要介绍了原生js更改css样式的两种方式，具有很好的参考价值，下面跟着小编一起来看下吧
js 自定义滚动条样式 颜色大小在css调节 绑定节点在js代码第一个函数修改
JS图表各种样式，附带源码。更改数据源即可展示。JS插件
鼠标经过样式js实现，方格下拉样式。纯学习目的、
但是随着项目进行，客户又提出了需要按照格式修改样式的需求，故而只能去查找相关修改excel样式的资料，本想直接用XLSX.js，但显然不行XLSX.js的基础版本只有宽高、合并单元格等比较基础的修改，要更加复杂样式的...
js alert confirm样式弹出框是一款根据alert confirm优化样式的确认对话框代码。
将数组格式的数据导出格式为Excel文件，需要的文件Export2Excel.js
vue导出excel并修改表头样式(请先阅读readme） 安装npm install 执行npm run serve
功能：用来统一网站的表格样式，可设置表格样式：表头、交替行、鼠标悬浮行、鼠标点击行、如果熟悉js还可继续添加样式比如表格标题caption的样式。 //调用方法：就3步，网站所有页面表格的样式就统一了 //1 引入样式...
js改变鼠标的形状和样式.pdf
可以导出并修改excel样式的前端excel库，已同步社区最新版。...由SheetJS出品的js-xlsx是一款非常方便的只需要纯JS即可读取和导出excel的工具库，功能强大，支持格式众多，遗憾的是无法修改导出表格的样式。
自适应自动跳转样式，修改样式，圆角，边框，背景，颜色等 2、使用说明 引入： <script src="./js/sliderVerif.js"> 4、可用方法 重置方法 ： reset() 更新样式方法 ： upStyle() ，屏幕变化，会导致px样式无法完美...
这个表格有漂亮的样式，可以隔行换色，单元格可以高亮显示，可以添加一行表格，删除本行，还可以排序，表格中有下拉框、checkbox等空间，挺好的功能。 但是要在IE8上运行，其他浏览器是不支持的，文件为.html格式，...
bmpn-js,修改后的样式
javascript 动态修改样式和层叠样式表代码，需要的朋友可以参考下。