DOM之getElementById示例

最新推荐文章于 2024-09-25 15:23:45 发布
最新推荐文章于 2024-09-25 15:23:45 发布
阅读量340 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhanglongxiang/article/details/47948221
版权

有3种DOM方法可获取元素节点，分别是通过元素ID、通过标签名字和通过类名字来获取。

1、getElementById()，这个方法将返回一个与那个有着给定id属性值的元素节点对应的对象。请注意，JavaScript语言区分字母大小写。

<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset="utf-8"/>
<title>Shopping list</title>
</head>
<body>
<h1>What to buy</h1>
<p title="a gentle reminder">Don't forget to buy this stuff.</p>
<ul id = "purchases">
<li>A tin of beans</li>
<li class="sale">Cheese</li>
<li class="sale important">Milk</li>
</ul>
<script>
alert(typeof document.getElementById("purchases"));
</script>
</body>
</html>

乌龙
关注
JavaScript DOM节点添加示例
01-19
<!DOCTYPE html> <html> <body> 这是一个段落。 这是另一个段落。 </div> [removed] var para=document.createElement(h1);...//使之成为这是新段落</h1> var element=document.getElementById(di
JS实现的DOM插入节点操作示例
11-28
在这个示例中，我们重点探讨如何使用`insertBefore()`方法来插入新的节点。 一、`insertBefore()`方法详解 `insertBefore()`方法是JavaScript DOM中的一个重要函数，它允许我们在已有子节点的前面插入一个新的子...
getElementById 的用法及实例(2)
weixin_30919571的博客
12-24 228
getElementById 方法 返回具有指定 ID 属性值的第一个比如说有个网页中有个text框的id叫text1 getElementById(text1)就能得到这个text1框的对象,并使用text框的所有属性和方法 ..................................................................... 这个是JS的一个方法...
javascript的getElementById()方法案例
以后的23,725天，每一天都是精彩的，现在做，一切还来的及，相信自己！
10-27 644
getElementById() 寻找一个有着给定 id 属性值的元素，返回值是一个有着给定 id 属性值的元素节点。如果不存在这样的元素，它返回 null. var oElement = document.getElementById ( sID ) 该方法只能用于 document 对象 dom2.html window.onload=f
DOM获取元素并修改内容：getElementById()方法、value属性、innerHTML属性、innerText属性
最新发布
pan_junbiao的博客
09-25 602
Document 对象，当 HTML 文档加载到 Web 浏览器中时，它就变成了一个文档对象。文档对象是 HTML 文档的根节点。文档对象是窗口对象的属性。innerHTML 属性声明了元素含有的 HTML 文本，不包括元素本身的开始标记和结束标记。通过该属性可以为指定的 HTML 文本替换元素内容。innerText 属性与innerHTML 属性的功能类似，只是该属性只能声明元素包含的文本内容，即使指定的是 HTML 文本，它也会认为是普通文本而原样输出。
getElementById()
一念永恒
08-12 1809
getElementById() 是一个重要的方法，在 DOM 程序设计中，它的使用非常常见 1 基本介绍 　　语法： 　　obj= document . getElementById ( sID ) 　　参数： 　　sID :　必选项。字符串(String)。 　　返回值： 　　obj:　对象(object)。 2 编程属性 　　根据指定的 id 属性值得到对象。返回
Java Script getElementById()方法完成的例子
Cici的博客
06-13 267
【重要】getElementById() ：返回对拥有指定 ID 的第一个对象的引用。语法：document.getElementById(id)说明：如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。 在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个(在文档中)唯一的名称，然后就可以用该 ID 查找想要的元素。示例：结果：单...
DOM获取页面元素getElementById()；getElementTagName()；getElementsByClassName()；querySelector()；
m0_45884629的博客
03-30 331
1.API与WebAPI API是给成员提供的一种工具，以便能更轻松的完成想要的功能。本质就是一些功能的结构即是预定义函数。 WebAPI是主要针对浏览器提供的借口主要对于浏览器做交互效果。 2.DOM文档对象模型 2.1获取元素的方法 1》根据ID名获取getElementById()； 基本语法 : var element=document.getElementById(id); id为HTML中某个元素名 返回值:我们获取id之后其返回值是element类型 举例var element=documen
JS实现DOM删除节点操作示例
11-29
本文主要关注如何使用JavaScript的DOM API来删除文档中的节点，特别是通过`removeChild()`方法。 一、删除节点的介绍 在DOM中，`removeChild()`方法是用于移除父节点的一个指定子节点。这个方法接受一个参数，即要...
JS常见DOM节点操作示例【创建 ，插入，删除，复制，查找】
10-18
在实际应用中，这些方法经常组合使用，例如在遍历DOM树时，可能需要先通过`querySelector`或`getElementById`找到特定节点，然后使用`appendChild`或`insertBefore`添加新的元素，或者用`removeChild`和`...
DOM模型入门-getElementById()案例教程
傻丁鱼的博客
11-27 507
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;me
DOM的getElementById()、getElementsByName()、getElementsByTagName()方法
千千
11-15 970
getElementById()方法：接受一个参数，获取元素的ID。如果找到相应的元素则返回该元素的HTMLDivElement对象，如果不存在，则返回null。 DOM基础 测试DIV 1 2 3 window.onload=function(){ //等待HTML加载完
JavaScript基础知识介绍——DOM的getElementByid()方法
qq_37196494的博客
09-14 542
gerElementById()方法可返回对拥有指定ID的第一个对象的引用 document.getElementById(id) HTML DOM定义了多种查找元素的方法，除了getElementById()之外，还有getElementsByName()和getElementByTagName() 不过如果需要查找文档中的一个特定元素，最有效的方法是getElementById() ...
DOM获取元素
weixin_49690872的博客
04-19 274
有3种DOM方法可获取元素节点，分别是通过元素ID、通过标签名字和通过类名字来获取。 一，getElementById 该方法将返回一个与那个有着给定id属性的元素节点对应的对象。 它是document特有的函数，在脚本代码里，函数名的后面必须跟有一对圆括号，这对圆括号包含着函数的参数。gentlementById方法只有一个参数:你想获得的那个元素的id属性的值，这个id值必须放在单引号和双引号里。 document.getElementById(id); 二，getElementsByTagName
html dom getelementbyid,HTML DOM getElementById()用法及代码示例
weixin_33634886的博客
06-19 551
getElementById()方法返回具有给定ID的元素，该元素将传递给函数。此功能广泛用于网页设计中，以更改任何特定元素的值或获取特定元素。如果传递给函数的ID没有退出，则返回null。用法:document.getElementById( element_ID )参数：该函数接受单个参数element_ID，该参数用于保存element的ID。返回值：它返回给定ID的对象。如果不存在具有给定...
JS的DOM对象获取元素
05-31 1028
JS的DOM对象获取元素
web基础学习笔记(六)之DOM对象和getElementById方法
weixin_44014196的博客
09-09 391
DOM对象 解决用户名输入是否符合自己的规则 理解 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <!--DOM模型 dom全称是文档对象模型 就是把文档中的标签 属性 文本 转换成为对象来管理--> <!
前端基础(七)_DOM元素获取（getElementById、getElementsByTagName、getElementsByClassName、querySelector等）
见贤思齐焉，见不贤内自省
01-06 5264
DOM元素获取（getElementById、getElementsByTagName、getElementsByClassName、querySelector等）
JavaScript DOM元素访问教程：getElementById示例
在JavaScript编程中，访问DOM（Document Object Model）中的元素是基础操作之一。DOM是HTML和XML文档的标准API，它提供了一种结构化的树状模型，使得开发者能够动态地获取、修改和操作页面上的元素。当你想要通过ID...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值