注册 登录
编程论坛 JavaScript论坛

关于innerHTML的用法的问题

_sean 发布于 2012-07-11 10:24, 1165 次点击
<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>
6 回复
#2
cnfarer2012-07-12 10:16
onmouseover="flag=false;"
onmouseout="flag=true;"
#3
pasig100382012-07-13 19:09
支持下
#4
于奎星2012-07-14 11:59
再增加一个控制量。
程序代码:

<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>
#5
netlin2012-07-16 20:42
可以通过innerHTML的内容直接给元素增加事件吗?
如果是这样,那网页编程挺好玩的!
#6
aoxiangyiyao2012-07-17 17:33
编程好难学的,看看这个帖子希望能有什么帮助吧。
#7
fenyunsuiyue2012-07-23 06:03
回复 楼主 _sean
来学习一下,谢谢分享
1