社区
JavaScript
帖子详情
怎样取页面元素并排除其中一个特定ID元素?
KennyLong
2006-03-20 01:18:06
页面中有4个div,ID分别为m0,m1,m2,m3,请问我怎样可以做到在点击其它一个div时,自动将另外三个div的className定义成test2???
<div id="m0" class="test1">零</div>
<div id="m1" class="test1">一</div>
<div id="m2" class="test1">二</div>
<div id="m3" class="test1">三</div>
...全文
207
7
打赏
收藏
怎样取页面元素并排除其中一个特定ID元素?
页面中有4个div,ID分别为m0,m1,m2,m3,请问我怎样可以做到在点击其它一个div时,自动将另外三个div的className定义成test2??? 零 一 二 三
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
7 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
KimSoft
2006-03-20
打赏
举报
回复
虽然代码多一点,但比较清晰。
KimSoft
2006-03-20
打赏
举报
回复
<style>
.test1 {
color:#FF0000;
font-size: 12px;
}
.test2 {
color:#0000FF;
font-size: 12px;
}
</style>
<div id="m0" class="test1">零</div>
<div id="m1" class="test1">一</div>
<div id="m2" class="test1">二</div>
<div id="m3" class="test1">三</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
function getElementsByClass(searchClass,node,tag) {
var classElements = new Array();
if ( node == null )
node = document;
if ( tag == null )
tag = '*';
var els = node.getElementsByTagName(tag);
var elsLen = els.length;
var pattern = new RegExp("(^|\s)"+searchClass+"(\s|$)");
for (i = 0, j = 0; i < elsLen; i++) {
if ( pattern.test(els[i].className) ) {
classElements[j] = els[i];
j++;
}
}
return classElements;
}
window.onload = function() {
divs = getElementsByClass("test1", null, "div");
for (var i = 0; i < divs.length; i++){
divs[i].onclick = clickDiv;
}
function clickDiv() {
for (var i = 0; i < divs.length; i++){
divs[i].className = "test2";
}
this.className = "test1"
}
}
//-->
</SCRIPT>
DeluxWorld
2006-03-20
打赏
举报
回复
<div id="m0" class="test1" onclick='change(this.id)'>零</div>
<div id="m1" class="test1" onclick='change(this.id)'>一</div>
<div id="m2" class="test1" onclick='change(this.id)'>二</div>
<div id="m3" class="test1" onclick='change(this.id)'>三</div>
<script>
function change(id){
id += id.substr(1,2);
divObj = document.getElementsByTagName('div');
for(i=0;i<divObj.length;i++){
if( i == parseInt(id)){
continue;
}
divObj[i].className = 'test2';
}
}
</script>
mingxuan3000
2006-03-20
打赏
举报
回复
onClick="func1(this)";
function func1(a){
var b=document.getElementsByTagName("div");
for(var i=0;i<b.length;i++){
if(b[i].id.substr(0,1)== a.id.substr(0,1)){
if(b[i].id != a.id){
b[i].className="test2";
}
}
}
}
KennyLong
2006-03-20
打赏
举报
回复
呵呵,kimsoft,好久没看到你了。谢谢了~~
KennyLong
2006-03-20
打赏
举报
回复
楼上的回答有点莫名其妙,setClass的代码是什么?
wuyg719
2006-03-20
打赏
举报
回复
onClick="setClass(this)";
Andro
id
中冲突包和冗余包的
排除
系统的讲解Andro
id
冗余包和冲突包的
排除
,包括常见的maven包冗余的
排除
和本地包冗余的
排除
html点击除某个
元素
之外的
元素
的事件添加技巧
可以利用css中的z-index属性来完成,先在
页面
添加
一个
div,设置这个div的属性为:宽高都为100%,透明属性opacity为0,绝对定位为top:0,left:0,暂且称这个div为a,添加这个a的目的是想将它覆盖在整个
页面
之上,...
jQuery实现点击除了
特定
div的
页面
其它地方,隐藏该div功能。
在触发DOM上的某个事件的时候会产生
一个
事件对象event,这个对象包含着所有与事件有关的信息,包括产生事件的
元素
、事件类型等相关信息,思路一中div的click事件处理程序传入的参数就是这个event对象。访问IE中的...
layui -
页面
元素
概括: ... 用于设置
一个
宽度为 1140px 的水平居中块(无响应式) layui-inline 用于将标签设为内联块状
元素
layui-box 用于
排除
一些UI框架(如Bootstrap)强制将全部
元素
设为box-si...
Web
页面
获
取
元素
方法-selenium3 UI自动化
selenium UI自动化
元素
定位方法大全
JavaScript
87,914
社区成员
224,617
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章