关于innerHTML的用法的问题 - JavaScript论坛

| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛 |

编程论坛 → WEB开发 → 『 JavaScript论坛』 → 关于innerHTML的用法的问题

我的收件箱(0)

欢迎加入我们，一同切磋技术

共有 1165 人关注过本帖

标题：关于innerHTML的用法的问题

只看楼主加入收藏

_sean

等　级：新手上路
帖　子：1
专家分：0
注　册：2012-7-11
结帖率：0

楼主

已结贴√ 问题点数：20 回复次数：6

关于innerHTML的用法的问题

<html>
    <head>
        <title>inner</title>
        <script type="text/javascript">
            var flag = true;
            function inner(){
                var div = document.getElementById('messageDiv');
                if(flag){
                    div.innerHTML = "<h1 onmouseover="stop()">消息</h1>";
                    /*这里想要给innerHTML之中的元素再增加事件，该如何写呢？当鼠标移动到这里的时候，闪动停止*/
                    flag = false;
                }else{
                    div.innerHTML = "";
                    flag = true;
                }

            }
            setInterval("inner()", 500);
        </script>
    </head>
    <body>
        <div id="messageDiv"></div>
    </body>
</html>

搜索更多相关主题的帖子: false　function　javascript　inner　

2012-07-11 10:24

cnfarer

等　级：版主
威　望：179
帖　子：3330
专家分：21157
注　册：2010-1-19

第 2 楼

得分:4

onmouseover="flag=false;"
onmouseout="flag=true;"

★★★★★为人民服务★★★★★

2012-07-12 10:16

pasig10038

等　级：论坛游民
帖　子：7
专家分：29
注　册：2012-7-13

第 3 楼

得分:4

支持下

2012-07-13 19:09

于奎星

等　级：论坛游民
帖　子：14
专家分：21
注　册：2009-9-19

第 4 楼

得分:4

再增加一个控制量。

程序代码：

<head>
<title>inner</title>
<script type="text/javascript">
var flag = true;
var flag2 = true;
function inner()
{
    var Div = document.getElementById('messageDiv');
    if(flag2)
    {
        if(flag)
        {
            Div.innerHTML = "<h1 onmouseover='flag2=false;' onmouseout='flag2 = true;'>消息</h1>";
            /*这里想要给innerHTML之中的元素再增加事件，该如何写呢？当鼠标移动到这里的时候，闪动停止*/
            flag = false;
        }
        else
        {
            Div.innerHTML = "";
            flag = true;
        }
    }
    else
    {
        Div.innerHTML = "<h1 onmouseover='flag2=false;' onmouseout='flag2 = true;'>消息</h1>";
    }
} 
setInterval("inner()", 500);

</script>
    </head>
    <body>
        <div id="messageDiv"></div>
    </body>

</html>