<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<div id="container" style="width: 480px; height: 220px;border:1px solid #e3e3e3;" onclick="renderLink();">
<a href="#" class="mya">Test1</a>
<a href="#">Test2</a>
<a href="#" class="mya">Test3</a>
<a href="#" class="mya">Test4</a>
<a href="#" class="mya">Test5</a>
<a href="#">Test6</a>
</div>
</body>
</html>
<script type="text/javascript">
function renderLink(){
var alist = documentgetElementsByClassName("mya");
if(alist){
for(var idx = 0; idx < alistlength; idx ++){
var mya = alist[idx];
myastylecolor = "red";
myastylefontSize = "36px";
}
}
}
</script>
先用documentgetElementsByClassName("className")取得所有class为className的元素，再循环添加样式即可，如果用JQuery会简单很多；也可以自己用JS封装一个函数实现JQuery一样的效果
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:>如果你真想好好编网页的话， 极其建议你使用 jQuery 库， 网上下载一下。
在开头插入库，
<script src="jqueryjs"> </script>
然后你的问题解决方法就很简单了。
$("content-block")css({ "height" : "20px" , "width" : "100px" , "background" : "#ccc" });
很明显 ， $ 里面的content-block前面有 " " ， 就是自带class名称，所以上面的代码就是改变所有class名称为"content-block" 的标签。
$("#abc") 自带ID为 abc的所有元素
$("div") 指代所有DIV元素。
$("div:last") 指代最后一个DIV。
有JQ之后 就不需要在用这么复杂的方法去获取了，真的。开始我也看不起JQ ，现在发现没这玩意网站的JS真心没法玩。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）