ホームページ > ウェブフロントエンド > htmlチュートリアル > innerHTML プロパティとは何ですか? innerHTML 属性の使用法

innerHTML プロパティとは何ですか? innerHTML 属性の使用法

不言
リリース: 2018-08-06 16:43:35
オリジナル
10344 人が閲覧しました

innerHTML 属性の用途は何ですか?この記事では、innerHTML 属性とは何なのかを紹介します。 i 属性と nnerHTML 属性の使用法は参考になると思います。

innerHTML 属性

inner 属性は要素内のコンテンツを返すか設定できます

たとえば、

  • aaaaa
  • で、li.innerHTML にアクセスしてコンテンツ aaaaa を取得できます

    コンテンツもタグに割り当てます

    例: 現在時刻を取得する(1秒ごとに更新)

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
        <div id="times"></div>
        <li>aaaaa</li>
    </body>
        <script type="text/javascript">
            function gettimes(){ 
            var date1 = new Date();//创建时间对象
            var date2 = date1.toLocaleString();//使用格式为年月日时分秒
            var div1 = document.getElementById(&#39;times&#39;);//获取div格子
            div1.innerHTML = date2;//向html中写内容
     
            }
     
            setInterval("gettimes();",1000);//"js代码",时间
        </script>
    </html>
    ログイン後にコピー
    おすすめ関連記事:

    レスポンシブレイアウトとは? HTML レスポンシブ レイアウトの実装

    HTML レイアウトの一般的なタイプは何ですか? htmlの3つのレイアウト特性の分析

    以上がinnerHTML プロパティとは何ですか? innerHTML 属性の使用法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

    関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート