ホームページ >ウェブフロントエンド >htmlチュートリアル >divコンテンツを変更するjs innerHTMLメソッド

divコンテンツを変更するjs innerHTMLメソッド

高洛峰
高洛峰オリジナル
2017-02-13 14:10:301958ブラウズ

テキストの変更 InnerHTML
すべての HTML 要素には、要素の開始タグと終了タグの間にある HTML コードとテキストを定義する InnerHtml 属性があります。ユーザー操作後に要素の innerHTML を変更すると、Web ページをよりインタラクティブにすることができます。
ただし、innerHTML を簡単かつ確実に活用するには、いくつかの準備が必要です。まず、変更したいIDカードを提示する必要があります。識別子を指定すると、すべてのブラウザーで機能する getElementById 関数を使用できるようになります。
要素の確立について考えたら、テキストを操作できるようになります。まず、テキストを太字のマーカーに変更してみましょう。
js innerHTML を使用して div 値を変更する方法を見てみましょう。

<script type="text/javascript">
function changeText(){
document.getElementById(&#39;boldStuff&#39;).innerHTML = &#39;Fred Flinstone&#39;;
}
</script>
<p>Welcome to the site <b id=&#39;boldStuff&#39;>dude</b> </p>
<input type=&#39;button&#39; onclick=&#39;changeText()&#39; value=&#39;Change Text&#39;/>

js innerHTML を使用して div コンテンツを変更する方法に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。

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