ホームページ >ウェブフロントエンド >htmlチュートリアル >JS_html/css_WEB-ITnose の学習時に発生した問題

JS_html/css_WEB-ITnose の学習時に発生した問題

WBOY
WBOYオリジナル
2016-06-21 08:46:361259ブラウズ

  • document.body.innerHTML について

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>tit</title>    <style type="text/css">        div{width: 30px;height: 30px;font-size: 12px;color: #fff;background: red;line-height: 30px;text-align: center;position: absolute;}    </style>    <script type="text/javascript">        window.onload=function(){            var oDiv=document.getElementsByTagName('div');            var oBtn=document.getElementsByTagName('input');            var m=0;            oBtn[0].onclick=function(){                    for(i=0;i<9;i++){                        document.body.innerHTML+='<div>'+i+'</div>';                    }            }        }    </script></head><body>    <input type="submit"value='按钮' name=""></body></html>

ボタンをもう一度クリックすると、ボタンが表示される理由が表示されます無効:

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。