三目运算符 改变<a>标签的class属性

<s:iterator value="funcList" status="status" id="bean">
	<a  id="funca<s:property value="id"/>"
	       name="funca"
		${funcid == bean.id ?" class=‘toptitleSelect‘" : "" }
		onclick="selectFunc(‘funca<s:property value="id"/>‘)"
		href="admin_left.do?funcid=<s:property value="id"/>"
		target="left"
	>
		<s:property value="name"/>
	</a>|
</s:iterator>

js改变class属性:

function selectFunc(id){
	var funcas=document.getElementsByName("funca");
	if(funcas!=null && funcas.length>0){
		for(var i=0;i<funcas.length;i++){
			if(funcas[i].id==id){
				funcas[i].className="toptitleSelect";
			}else{
				funcas[i].className="toptitleNoselect";
			}
		}
	}
}

  

时间: 2024-12-18 14:04:55

三目运算符 改变<a>标签的class属性的相关文章

用JS改变embed标签的src属性

思路: A.先隐藏embed标签 B.清除embed元素 C.为embed重新赋值,加入Html页面中 1.html代码 <object id="forfun" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" codebase="http://fpdownload.macromedia.com/pub

Html 改变原有标签属性

内容简要: 当标签内内容 达到某以条件的时候改变当前标签属性 例如原标签为<tr> 当tr内的值符合某一条件时把<tr>变成<a>标签 例:当订单状体编程已支付的时候把该标签改成超链接“去评论” var pay = $("#"+obj.data[i]['pk']).html() if(pay == '已支付'){ $("#pay"+obj.data[i]['pk']).replaceWith('<a href="i

区别CSS中display:box;inline;none以及HTML中 &lt;frame&gt; 标签&lt;table&gt; 标签的 frame 属性

区别display:box:display:inline:display:none三者的不同 display:block的特点是: block是Display默认的值.总是在新行上开始:该对象随后的内容自动换行;行高以及顶和底边距都可控制:宽度缺省是它的容器的100%,除非设定一个宽度:<div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子,意思是他们默认显示方式是block: display:inl

浅析网页meta标签中X-UA-Compatible属性的使用

今天有一个做开发的朋友突然问你知道很多网站上面加入的X-UA-Compatible属性的意义么?其实这个在以前还专门花了一点时间来验证我自己的想法,结果也确实如自己所预想的那样,八九不离十,当然有一点点的偏差.我做的项目中也并不是每个项目中都使用该属性.那么我们首先来看看几个知名站点,他们也使用了这个 上面时淘宝的,下面是百度的. 都可以发现在head中又一个meta,里面有一个X-UA-Compatible的属性,而且确实非常多的网站中在使用.当然也有很多网站是在开发的时候不管三七二十一给加上

给&lt;a&gt;标签增加href属性 ~~~ 转转

给<a>标签增加href属性,就意味着以下事情: :link选择器可以选择到它 这个a标签可以获得焦点(可以通过tab按键访问到) 在浏览器的默认样式表中,有href属性的<a>标签才有cursor:pointer的效果(尤其是在低版本的IE上). 绑定了onclick事件的<a>标签,尤其是它的作用是ajax请求时,基本上我们就用不上这个标签的默认行为,也连接不到的实际页面,一般而言也会在CSS里给予了这个元素的cursor等样式.这时候还要加上href属性,是为了:

form表单嵌套,用标签的form属性来解决表单嵌套的问题

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>标签的form属性</title> </head> <body> <form action="demo-form.php" id="form1"> First name: <input type="text

HTML &lt;a&gt; 标签的 target 属性

HTML <a> 标签的 target 属性 HTML <a> 标签 定义和用法 <a> 标签的 target 属性规定在何处打开链接文档. 如果在一个 <a> 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的.名称与这个目标吻合的框架或者窗口中的文档.如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口.从此以后,超链接文档就可以指向这个新的

HTML &lt;form&gt; 标签的 method 属性

定义和用法 method 属性规定如何发送表单数据(表单数据发送到 action 属性所规定的页面). 表单数据可以作为 URL 变量(method="get")或者 HTTP post (method="post")的方式来发送. method 属性 浏览器使用 method 属性设置的方法将表单中的数据传送给服务器进行处理.共有两种方法:POST 方法和 GET 方法. 如果采用 POST 方法,浏览器将会按照下面两步来发送数据.首先,浏览器将与 action

检测浏览器是否支持标签的某个属性

例如 IE lt9 不支持 input标签的 placeholder 属性: 1 function placeholder() { 2 return 'placeholder' in document.createElement('input'); 3 } 扩展:其他元素是否支持 指定的属性: function isPropertySupport(property,tagName) { return property in document.createElement(tagName); }