Javascriptでdiv id要素を取得する方法

投稿日: 2019-11-05 2019-11-05
タグ: javascript

JavaScriptでは、

getElementById（）

fucntionを使用して、タグIDを指定してHTML要素を優先させることができます。次に、

getElementById（）

関数を使用してDIVタグIDを取得し、

InnerHTML（）

関数を使用してテキストを動的に変更するHTML例を示します。

<html>
<head>
<title>getElementById example</title>

<script type="text/javascript">

function changeText(text)
{
 elem = document.getElementById('textid');
 elem.innerHTML = text;
}
</script>
</head>

<body>
<div id='textid'>I'm a Text</div>
<button onclick="changeText('Mkyong1');">Mkyong1</button>
<button onclick="changeText('Mkyong2');">Mkyong2</button>
</body>
</html>

“Mkyong1″ボタンをクリックすると、div要素の内容が

“textid”のIDは “Mkyong1″に変更されます。

“Mkyong2″ボタンをクリックすると、div要素の内容が

“textid”のIDは “Mkyong2″に変更されます。

リンク://タグ/javascript/[javascript]

getdocs

13036