ホームページ >ウェブフロントエンド >htmlチュートリアル >divコンテンツを変更するjs innerHTMLメソッド
テキストの変更 InnerHTML
すべての HTML 要素には、要素の開始タグと終了タグの間にある HTML コードとテキストを定義する InnerHtml 属性があります。ユーザー操作後に要素の innerHTML を変更すると、Web ページをよりインタラクティブにすることができます。
ただし、innerHTML を簡単かつ確実に活用するには、いくつかの準備が必要です。まず、変更したいIDカードを提示する必要があります。識別子を指定すると、すべてのブラウザーで機能する getElementById 関数を使用できるようになります。
要素の確立について考えたら、テキストを操作できるようになります。まず、テキストを太字のマーカーに変更してみましょう。
js innerHTML を使用して div 値を変更する方法を見てみましょう。
<script type="text/javascript"> function changeText(){ document.getElementById('boldStuff').innerHTML = 'Fred Flinstone'; } </script> <p>Welcome to the site <b id='boldStuff'>dude</b> </p> <input type='button' onclick='changeText()' value='Change Text'/>
js innerHTML を使用して div コンテンツを変更する方法に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。