HTML中的olli标签复制时如何去掉序号

HTML中的olli标签复制时如何去掉序号,第1张

代码如下:

效果:

代码

<ol style="list-style:none;">
      <li>序列1</li>
      <li>序列1</li>
      <li>序列1</li>
      <li>序列1</li>    
  </ol>

使用jquery库的函数:remove()。

功能思路:展现一个UL,然后设计一个按钮,通过绑定删除函数,点击时删除所有LI节点

实例演示如下:

1、设计简单的一个页面,其中html代码如下:

简单的样式文件:

此时的页面内容展示如下:

2、设计JS代码,实现删除函数。

3、实例 *** 作,点击按钮,实现节点删除,展示如下:

完成设计,此时的DOM节点如下:

扩展资料:

remove函数详情解析:

1、定义和用法:

remove() 方法移除被选元素,包括所有文本和子节点。该方法不会把匹配的元素从 jQuery 对象中删除,因而可以在将来再使用这些匹配的元素。

但除了这个元素本身得以保留之外,remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。这一点与 detach() 不同。

2、语法:

$(selector)remove()。

1</font[^><]> 这个只却掉font标签的, 保留除font以外的所有标签, 如<img><p>等等 同样的你需要去掉其他标签, 只需要将里面的font换你要去掉的;

2</[^/(img)|(p)][^><]> 这个保留(这里我写的保留了img, p这两个标签)你指定的标签,其他的(包括font)全去掉, 如果你还有其他的标签想保留, 直接在里面加一个 |(xxx);

3</[a-zA-Z]+[^><]> 这个表达式可以去掉所有HTML的标签;

4JAVA代码可以这样写:

public static String delTagsFContent(String content){

String patternTag = "</[a-zA-Z]+[^><]>";

String patternBlank = "(^\\s)|(\\s$)";

return contentreplaceAll(patternTag, "")replaceAll(patternBlank, "");

}

清除所有默认样式的css代码:

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

初始化代码(清除CSS代码):

ul,li{ padding:0;margin:0;list-style:none}

解析清除ul li样式代码:

相等于分别对ul和li设置padding:0;margin:0;list-style:none;

padding:0 —— 设置内补白(对象内间距)为0

margin:0 —— 设置对象外间距为0

list-style:none —— 去除自带无序圆点

HTML/javascript

引用外部文件中的js脚本,

<script type="text/javascript" src="extjs"></script>也可以象下面这样写,language不是必要的,但是推荐上面的写法;
<script language="javascript" type="text/javascript" src="extjs"></script>
页面内引用:
<script type="text/javascript">//<![CDATA[var x = 0;function fn(args) { //} //]]></script>加上“//<![CDATA[” 和 “//]]>”是为了兼容XHTML,是推荐的写法,HTML时代一般用“<!--”和“//-->”
在一些HTML控件的事件属性中使用(一般事件为onxxx,如onmouseover,onclick,onchange)
<body onload="alert('loaded');"><input type="text" name="username" onclick="alert(thisvalue);" />在一些HTML控件的非事件属性中使用(注意:一定要加javascript:)
<a href="javascript:void(0);" onclick="alert(thisinnerText);">my blog:>

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13337753.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-17
下一篇 2023-07-17

发表评论

登录后才能评论

评论列表(0条)

保存