如何在Javascript中获取div id元素

浅浅的花香味﹌ 2023-02-15 07:48 38阅读 0赞

在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>

1.  如果单击按钮“ Mkyong1”，则ID为“ textid”的div元素的内容将更改为“ Mkyong1”。
2.  如果单击按钮“ Mkyong2”，则ID为“ textid”的div元素的内容将更改为“ Mkyong2”。

标签： [JavaScript][]

> 翻译自: [https://mkyong.com/javascript/how-to-get-div-id-element-javascript/][https_mkyong.com_javascript_how-to-get-div-id-element-javascript]

[JavaScript]: https://mkyong.com/tag/javascript/
[https_mkyong.com_javascript_how-to-get-div-id-element-javascript]: https://mkyong.com/javascript/how-to-get-div-id-element-javascript/

发表评论取消回复

表情：

评论列表（有 0 条评论，38人围观）

还没有评论，来说两句吧...

相关阅读

相关如何在 JavaScript 中获取当前日期？

问：想要改进这篇文章？提供这个问题的详细答案，包括引文和解释为什么你的答案是正确的。没有足够细节的答案可能会被编辑或删除。如何在 JavaScript 中获取当前日

左手的ㄟ右手/ 2024年03月30日 12:25/ 0 赞/ 90 阅读

相关如何在 JavaScript 中获取当前日期

日常开发中我们经常会用到某种日期功能，比如内容的创建日期、活动的时间戳等。处理日期和时间戳格式可能会很麻烦。在本文中，我们将一起学习如何在 JavaScript中以各种格式获取

叁歲伎倆/ 2023年09月30日 18:28/ 0 赞/ 50 阅读

相关如何使用 JavaScript 显示/隐藏或切换 DIV 元素

在 jQuery 中，您可以使用 .toggle() 方法来切换元素，任何元素。但是，如果您正在寻找纯 JavaScript 解决方案，那么这里就是。我在这里分享一个简单的代码

灰太狼/ 2023年09月28日 08:17/ 0 赞/ 32 阅读

相关如何在Javascript中获取div id元素

在JavaScript中，您可以使用getElementById（）功能通过提供其标签ID来获取任何首选的HTML元素。这是一个HTML示例，展示了如何使用getElemen

浅浅的花香味﹌/ 2023年02月15日 07:48/ 0 赞/ 39 阅读

相关 JS如何向div中插入元素

第一步：首先我们写一个简单的页面，页面有一个div盒子，盒子里放置了一个li元素。 ①页面效果 ![在这里插入图片描述][watermark_type_ZmFuZ3p

￡神魔★判官ぃ/ 2022年11月29日 12:49/ 0 赞/ 346 阅读

相关使用jquery如何获取指定id下最后一个div元素的id值

使用jquery如何获取指定id下最后一个div元素的id值 html代码 js代码 html代码 <div id="quest

深碍√TFBOYSˉ_/ 2022年09月06日 10:25/ 0 赞/ 173 阅读

相关使用jquery获取指定id下面的div元素个数

使用js获取指定id下面的div元素个数 html代码 js代码 html代码 <div id="question" >

- 日理万妓/ 2022年09月06日 10:24/ 0 赞/ 204 阅读

相关 JavaScript获取元素在浏览器画布中的绝对位置

JavaScript中提供获取HTML元素位置的属性： HTMLElement.offsetLeft HTMLElement.offsetHeight 但

港控/mmm°/ 2022年08月23日 14:59/ 0 赞/ 193 阅读

相关如何在其他servlet中获取用户登录id

说明：用户登录使用用户名和密码，id为主键首先，在检查登录的方法中设置返回值为id： public int checkLogin(String username,

「爱情、让人受尽委屈。」/ 2022年08月03日 13:42/ 0 赞/ 202 阅读

相关 HTML 获取相同 id 但是不同 div 的元素的值

var $roleName = $("roleName",$("roleForm")).val(); 第一个元素表示要取得的对象的 id，第二个元素表示要取

太过爱你忘了你带给我的痛/ 2022年07月16日 12:16/ 0 赞/ 269 阅读