在JavaScript中,您可以使用getElementById()功能通过提供其标签ID来获取任何首选的HTML元素。 这是一个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”,则ID为“ textid”的div元素的内容将更改为“ Mkyong1”。
- 如果单击按钮“ Mkyong2”,则ID为“ textid”的div元素的内容将更改为“ Mkyong2”。
标签: JavaScript
翻译自: https://mkyong.com/javascript/how-to-get-div-id-element-javascript/