JS怎么在DIV修改CLSS属性_javascript吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：136,177贴子：
JS怎么在DIV修改CLSS属性收藏
&div class="mask" title="mask" onMouseMove=" ？"&&/div&鼠标经过隐藏当前图层，请问onMouseMove里怎么写
北森人才测评系统为企业提供超1000个岗位个性化测评方案
请问CLSS是什么？CSS or CLASS？
这个百度搜一下有很多，什么都问人家你什么时候才能脱离吃奶的阶段
this.style.display="none";
onmouseover="this.style.visibility = 'hidden';"onmouseout="this.style.visibility = 'visible';"
谢谢楼上了，不过发现div:hover a:hover{...}（这是一个） 竟然能用
ie6只支持a:hover
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或js 动态修改div的onclick属性 - ITeye问答
某个大的div：frameDiv
包含几个小的div：&div id="frameShow1" onclick='alert('1');'&&/div&
&&&&&&&&&&&&&& &div id="frameShow2" onclick='alert('2');'&&/div&
&&&&&&&&&&&&&& 动态设置frameShow1的onclick属性:document.getElementById('frameShow1').onclick=function(){alert("hahaha");}
但是，frameDiv的innerHTML打印出来，没有了onclick属性，请问这是为什么呢？谢谢啦~~~~~~~~
问题补充：myali88 写道引用
&div id="frameShow1" onclick='alert('1');'&&/div&
&div id="frameShow2" onclick='alert('2');'&&/div&
你这个写法，onclick里执行都会出错，不应该都是单引号。我不知道你的实际代码情况，按你的意思，我用下面代码试了下，没什么特别的问题。
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&
&title&Untitled&/title&
&script type="text/javascript"&
function splitHTML(){
var html = "&b&abc&i&&u&defg&/u&&/i&&u&123&/u&456&/b&";
var fragment = document.createDocumentFragment();
fragment.innerHTML =
window.nodes = fragment.childN
window.onload = function(){
document.getElementById('frameShow1').onclick=function(){alert("hahaha");}
document.getElementById('frameShow2').onclick=function(){alert("hahaha,two");}
&div id="frameDiv "&
&div id="frameShow1" style="width:200height:80background:#" onclick='alert('1');'&&/div&
&div id="frameShow2" style="width:200height:80background:#" onclick='alert('2');'&&/div&
myali88 写道引用
&div id="frameShow1" onclick='alert('1');'&&/div&
&div id="frameShow2" onclick='alert('2');'&&/div&
你这个写法，onclick里执行都会出错，不应该都是单引号。我不知道你的实际代码情况，按你的意思，我用下面代码试了下，没什么特别的问题。
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&
&title&Untitled&/title&
&script type="text/javascript"&
function splitHTML(){
var html = "&b&abc&i&&u&defg&/u&&/i&&u&123&/u&456&/b&";
var fragment = document.createDocumentFragment();
fragment.innerHTML =
window.nodes = fragment.childN
window.onload = function(){
document.getElementById('frameShow1').onclick=function(){alert("hahaha");}
document.getElementById('frameShow2').onclick=function(){alert("hahaha,two");}
&div id="frameDiv "&
&div id="frameShow1" style="width:200height:80background:#" onclick='alert('1');'&&/div&
&div id="frameShow2" style="width:200height:80background:#" onclick='alert('2');'&&/div&
谢谢啊，麻烦请问下
&div id="frameDiv "&
&div id="frameShow1" style="width:200height:80background:#" onclick='alert('1');'&&/div&
&&&&&&& &div id="frameShow2" style="width:200height:80background:#" onclick='alert('2');'&&/div&
&/div&
这段代码你是自己手动写的吗？我是动态生成的，然后动态改变里面的onclick方法，改变完了以后再打印frameDiv的innerHTML后，发现onclick属性不见了，囧啊。。。。
问题补充：myali88 写道
&div id="frameDiv "&
&div id="frameShow1" style="width:200height:80background:#" onclick='alert('1');'&&/div&
&div id="frameShow2" style="width:200height:80background:#" onclick='alert('2');'&&/div&
代码是复制你的，除了style是我写的。按你说的，我动态绑定的onclick改成这样：
window.onload = function(){
document.getElementById('frameShow1').onclick=function(){alert("hahaha");}
document.getElementById('frameShow2').onclick=function(){alert("hahaha,two");
alert(document.getElementById('frameDiv').innerHTML);
后面alert出来的innerHTML是包含onclick内容的啊,就是
引用
onclick='alert('2');'
这个。
谢谢你，嘿嘿，我刚刚试了一下，点击那两个div，确实方法是改了的，弹出来的对话框时“hahaha”和“hahaha,two”，但是关键地方就是，frameDiv.innerHTML打印出来，就没有了onclick属性了，这是我遇到的问题了，不知道您是否有什么高见呢？谢啦~~~
问题补充：myali88 写道
&div id="frameDiv "&
&div id="frameShow1" style="width:200height:80background:#" onclick='alert('1');'&&/div&
&div id="frameShow2" style="width:200height:80background:#" onclick='alert('2');'&&/div&
代码是复制你的，除了style是我写的。按你说的，我动态绑定的onclick改成这样：
window.onload = function(){
document.getElementById('frameShow1').onclick=function(){alert("hahaha");}
document.getElementById('frameShow2').onclick=function(){alert("hahaha,two");
alert(document.getElementById('frameDiv').innerHTML);
后面alert出来的innerHTML是包含onclick内容的啊,就是
引用
onclick='alert('2');'
这个。
谢谢，嘿嘿，我刚刚试过了，的确点击两个div后会改变弹出的对话框为“hahaha”和“hahaha,two”，但是，关键的问题是，frameDiv.innerHTML打印出来，没有onclick属性了，这就是我遇到的问题所在，不知道您是否遇到过此问题，谢谢啦~~~
问题补充：myali88 写道引用
frameDiv.innerHTML打印出来，就没有了onclick属性了，这是我遇到的问题了
你把你这个alert出来的innerHTML截个图给我看看。
问题补充：myali88 写道引用
frameDiv.innerHTML打印出来，就没有了onclick属性了，这是我遇到的问题了
你把你这个alert出来的innerHTML截个图给我看看。
看到了吗？
问题补充：myali88 写道引用
frameDiv.innerHTML打印出来，就没有了onclick属性了，这是我遇到的问题了
你把你这个alert出来的innerHTML截个图给我看看。
截图看到了吗？
问题补充： myali88 写道
onclick='alert('1');'
我试过了，这个写法在Firefox ， Chrome上都会在alert节点的innerHTML时，包含“onclick”部分，而在IE 6（我电脑上只有IE 6）上显示时，后面会有个“？”。如果把它改成：
onclick="alert('1');"
Firefox，Chrome上还是能正确显示，而IE 6上这不会显示onclick部分。我想这是浏览器之间实现的差异问题。
确实是这样的，IE上无法显示，只能另求他法了，谢谢啦~
采纳的答案
onclick='alert('1');'
我试过了，这个写法在Firefox ， Chrome上都会在alert节点的innerHTML时，包含“onclick”部分，而在IE 6（我电脑上只有IE 6）上显示时，后面会有个“？”。如果把它改成：
onclick="alert('1');"
Firefox，Chrome上还是能正确显示，而IE 6上这不会显示onclick部分。我想这是浏览器之间实现的差异问题。
引用
frameDiv.innerHTML打印出来，就没有了onclick属性了，这是我遇到的问题了
你把你这个alert出来的innerHTML截个图给我看看。
用addEventListener或者attachEvent
&div id="frameDiv "&
&div id="frameShow1" style="width:200height:80background:#" onclick='alert('1');'&&/div&
&div id="frameShow2" style="width:200height:80background:#" onclick='alert('2');'&&/div&
代码是复制你的，除了style是我写的。按你说的，我动态绑定的onclick改成这样：
window.onload = function(){
document.getElementById('frameShow1').onclick=function(){alert("hahaha");}
document.getElementById('frameShow2').onclick=function(){alert("hahaha,two");
alert(document.getElementById('frameDiv').innerHTML);
后面alert出来的innerHTML是包含onclick内容的啊,就是
引用
onclick='alert('2');'
&div id="frameShow1" onclick='alert('1');'&&/div&
&div id="frameShow2" onclick='alert('2');'&&/div&
你这个写法，onclick里执行都会出错，不应该都是单引号。我不知道你的实际代码情况，按你的意思，我用下面代码试了下，没什么特别的问题。
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&
&title&Untitled&/title&
&script type="text/javascript"&
function splitHTML(){
var html = "&b&abc&i&&u&defg&/u&&/i&&u&123&/u&456&/b&";
var fragment = document.createDocumentFragment();
fragment.innerHTML =
window.nodes = fragment.childN
window.onload = function(){
document.getElementById('frameShow1').onclick=function(){alert("hahaha");}
document.getElementById('frameShow2').onclick=function(){alert("hahaha,two");}
&div id="frameDiv "&
&div id="frameShow1" style="width:200height:80background:#" onclick='alert('1');'&&/div&
&div id="frameShow2" style="width:200height:80background:#" onclick='alert('2');'&&/div&
已解决问题
未解决问题本帖子已过去太久远了，不再提供回复功能。网页设计教程与开发
提供各种常见网页效果
提供各种各样的设计教程
装扮QQ，让QQ变得更酷
设计参考，提高自升水平
学习服务器和操作系统
提供各种素材和工具
收藏学习资料
您现在的位置：&&>>&&>>&&>>&&>>&正文
Javascript实例代码:JS控制DIV属性
破洛洛文章简介：点击按钮改变DIV属性，通过点击不同的按钮设置DIV的样式。
点击按钮改变DIV属性，通过点击不同的按钮设置DIV的样式。代码如下：
&script type=&text/javascript&&&&& var oBox = document.getElementById('box');&&& var oDiv = document.getElementById('div1');&&& var aInput = document.getElementsByTagName('input');&&& var aAttr = ['width', 'height', 'backgroundColor', 'display', 'display'];&&& var aValue = ['200px', '200px', 'red', 'none', 'block'];&&& for(var len=aInput.length,i=0;i&i++){&&&&&&& aInput[i].index =& //索引&&&&&&& aInput[i].onclick = function(){&&&&&&&&&&& //重置按钮,cssText清空DIV属性&&&&&&&&&&& if(this.index == aInput.length - 1)oDiv.style.cssText = &&;&&&&&&&&&&& //设置DIV属性&&&&&&&&&&& property(oDiv, aAttr[this.index], aValue[this.index]);&&&&&&& };&&& }&&& //控制DIV属性&&& function property(obj, attr, value){&&&&&&& obj.style[attr] =&&& }&/script&
转载请注明:破洛洛(谢谢合作)
上一篇文章： 下一篇文章：
网友评论：
[][][][][][][][][][]