怎样 js 动态添加id 代码如下:<ul><li id="action"><a href="#">首页</a></li><li><a href="#">文章</a></li><li><a href="#">地址</a></li></ul>在CSS中我会对此id进行注释,我想实现当我点击连接时,会把那个id动态添加到我所点击的那个li中,请问怎么实现这个效果…… 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">#action { background-color:red; }</style></head><body><ul> <li id="action"><a href="#">首页</a></li> <li><a href="#">文章</a></li> <li><a href="#">地址</a></li></ul><script type="text/javascript">var links = document.getElementsByTagName('ul')[0].getElementsByTagName('a');for (var i = 0; i < links.length; i ++) { links[i].onclick = function() { for( var j = 0; j < links.length; j ++) links[j].parentNode.id = null; this.parentNode.id = 'action'; }}</script></body></html>//动态修改id似乎也可以,但最好还是用class 动态设置class的代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">li.action { background-color:blue; }</style></head><body><ul> <li><a href="#">首页</a></li> <li><a href="#">文章</a></li> <li><a href="#">地址</a></li></ul><script type="text/javascript">var links = document.getElementsByTagName('ul')[0].getElementsByTagName('a');for (var i = 0; i < links.length; i ++) { links[i].onclick = function() { for( var j = 0; j < links.length; j ++) links[j].parentNode.className = null; this.parentNode.className = 'action'; }}</script></body></html> <ul><li id="action"><a href="#">首页</a></li><li><a href="#">文章</a></li><li><a href="#">地址</a></li></ul>jQuery代码:$('ul li').bind('click', function(){$('ul li[id="action"]').attr('id', '');$(this).attr('id', 'action');}) 如何实现单元格变色效果 如何改变select标签中所有option的值 高手进,弹出窗口在chorme和IE8的兼容性问题 js魔力代码问题 JS打开新窗口的问题 Dreamweaver CS3的请求帮助 Windows Mobile IE 脚本包含问题 如何替换clssname。谢谢! 这个关于打印的效果怎样做? 怎样截取点击右上角关闭按钮的事件? Jquery 中AJAX的问题 求Microsoft Visual Studio.Net(VS2005/2008)下好用的JavaScript助手
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#action { background-color:red; }
</style>
</head><body>
<ul>
<li id="action"><a href="#">首页</a></li>
<li><a href="#">文章</a></li>
<li><a href="#">地址</a></li>
</ul><script type="text/javascript">
var links = document.getElementsByTagName('ul')[0].getElementsByTagName('a');
for (var i = 0; i < links.length; i ++) {
links[i].onclick = function() {
for( var j = 0; j < links.length; j ++) links[j].parentNode.id = null;
this.parentNode.id = 'action';
}
}
</script>
</body>
</html>//动态修改id似乎也可以,但最好还是用class
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
li.action { background-color:blue; }
</style>
</head><body>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">文章</a></li>
<li><a href="#">地址</a></li>
</ul><script type="text/javascript">
var links = document.getElementsByTagName('ul')[0].getElementsByTagName('a');
for (var i = 0; i < links.length; i ++) {
links[i].onclick = function() {
for( var j = 0; j < links.length; j ++) links[j].parentNode.className = null;
this.parentNode.className = 'action';
}
}
</script>
</body>
</html>
jQuery代码:
$('ul li').bind('click', function(){
$('ul li[id="action"]').attr('id', '');
$(this).attr('id', 'action');
})