DOM之getElementById示例

最新推荐文章于 2023-05-31 21:40:04 发布
最新推荐文章于 2023-05-31 21:40:04 发布
阅读量324 收藏
点赞数
版权声明：本文为博主原创文章，遵循 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>

乌龙
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript DOM节点添加示例
01-19
<!DOCTYPE html> <html> <body> 这是一个段落。 这是另一个段落。 </div> [removed] var para=document.createElement(h1);...//使之成为这是新段落</h1> var element=document.getElementById(di
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
12-09
本文实例讲述了JS实现DOM节点插入操作之子节点与兄弟节点插入操作。分享给大家供大家参考，具体如下： <!doctype html> <html> <head> <meta charset="utf-8"> <title>www.jb51.net JS...
dom解析xml中的getElementById方法的使用
a511718727的专栏
05-27 1432
经测试，dom xml中的document.getElementById()方法;              詹姆斯                    100 <200                 &p;            document.getElementById("a1010");              dtd约束      document
getElementById 的用法及实例(2)
weixin_30919571的博客
12-24 211
getElementById 方法 返回具有指定 ID 属性值的第一个比如说有个网页中有个text框的id叫text1 getElementById(text1)就能得到这个text1框的对象,并使用text框的所有属性和方法 ..................................................................... 这个是JS的一个方法...
document.getElementById()方法使用
热门推荐
酣睡的熊㊣的技术博客
02-07 36万+
document.getElementById使用 语法：oElement = document .getElementById ( sID ) 参数：sID――必选项。字符串 (String) 。 返回值：oElemen――对象 (Element) 。 说明：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一
javascript的getElementById()方法案例
以后的23,725天，每一天都是精彩的，现在做，一切还来的及，相信自己！
10-27 615
getElementById() 寻找一个有着给定 id 属性值的元素，返回值是一个有着给定 id 属性值的元素节点。如果不存在这样的元素，它返回 null. var oElement = document.getElementById ( sID ) 该方法只能用于 document 对象 dom2.html window.onload=f
Java Script getElementById()方法完成的例子
Cici的博客
06-13 235
【重要】getElementById() ：返回对拥有指定 ID 的第一个对象的引用。语法：document.getElementById(id)说明：如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。 在操作文档的一个特定的元素时，最好给该元素一个 id 属性，为它指定一个(在文档中)唯一的名称，然后就可以用该 ID 查找想要的元素。示例：结果：单...
vue操作dom元素的3种方法示例
01-22
const dom = getElementById(‘box') 2.vue官方方法：ref vue中的ref是把当前dom元素 “ 抽离出来 ” ，只要通过 this.$refs就可以获取到 “set” ref=“up”> .set是我们要操作的dom对象，它的ref是 up @click=...
JS实现访问DOM对象指定节点的方法示例
12-12
本文实例讲述了JS实现访问DOM对象指定节点的方法。分享给大家供大家参考，具体如下： 一 介绍 使用getElementById()方法来访问指定id的节点，并用nodeName属性、nodeType属性和nodeValue属性来显示出该节点名称、...
遍历DOM对象内的元素属性示例代码
01-19
直接上代码： 例如要获取一个id为”btn”的按钮的所有属性 代码如下: function ... var objBtn = document.getElementById(“btn”); for(var i in objBtn) { tmp += i+”:”+objBtn[i]; } alert(tmp); }
前端基础(七)_DOM元素获取（getElementById、getElementsByTagName、getElementsByClassName、querySelector等）
见贤思齐焉，见不贤内自省
01-06 4411
DOM元素获取（getElementById、getElementsByTagName、getElementsByClassName、querySelector等）
DOM 基础 ---------- 获取元素
weixin_52212950的博客
02-02 5701
DOM 即文本对象模型，是 W3C 推荐的处理可拓展标记语言的标准编程接口，通过这些接口可以改变网页的内容，结构，样式 文档：一个页面就是一个文档，DOM 中用 document 表示 元素：页面中所有的标签都是元素，DOM 中用 element 表示 节点：网页中所有内容（标签，属性，文本，注释）都叫节点，DOM 中用 node 表示 DOM 获取元素有很多方法，下面一一说明 一：document.getElementById() 此方法用于返回一个匹配特定的 ID 元素，由于元素的 ID
DOM基础学习1
qq_61718994的博客
04-03 984
学习内容：API和Web API，DOM简介，获取元素，事件基础，操作元素-修改元素内容，元素操作-修改元素属性，属性操作-修改元素表单 学习笔记： API API 是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，或理解内部工作机制的细节。 Web API Web API是浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM） 总结 API是为我们程序员提供的一个接口，帮助我们实现某种功能，我们会使用就可以了，不必纠结内部如何实现 We.
DOM获取元素
weixin_49690872的博客
04-19 221
有3种DOM方法可获取元素节点，分别是通过元素ID、通过标签名字和通过类名字来获取。 一，getElementById 该方法将返回一个与那个有着给定id属性的元素节点对应的对象。 它是document特有的函数，在脚本代码里，函数名的后面必须跟有一对圆括号，这对圆括号包含着函数的参数。gentlementById方法只有一个参数:你想获得的那个元素的id属性的值，这个id值必须放在单引号和双引号里。 document.getElementById(id); 二，getElementsByTagName
JS的DOM对象获取元素
最新发布
05-31 934
JS的DOM对象获取元素
JS获取子节点、父节点和兄弟节点的方法实例总结
盏茶作酒的博客
06-24 982
1.js获取子节点的方式 1.通过获取dom方式直接获取子节点 var a = document.getElementById("test").getElementsByTagName("div"); 2.通过children来获取子节点 利用children来获取子元素是最方便的，他也会返回出一个数组。对其获取子元素的访问只需按数组的访问形式即可。 1 var getFirstChild = document.getElementById("test").chi.
DOM的getElementById()、getElementsByName()、getElementsByTagName()方法
千千
11-15 924
getElementById()方法：接受一个参数，获取元素的ID。如果找到相应的元素则返回该元素的HTMLDivElement对象，如果不存在，则返回null。 DOM基础 测试DIV 1 2 3 window.onload=function(){ //等待HTML加载完
html dom getelementbyid,HTML DOM getElementById()用法及代码示例
weixin_33634886的博客
06-19 511
getElementById()方法返回具有给定ID的元素，该元素将传递给函数。此功能广泛用于网页设计中，以更改任何特定元素的值或获取特定元素。如果传递给函数的ID没有退出，则返回null。用法:document.getElementById( element_ID )参数：该函数接受单个参数element_ID，该参数用于保存element的ID。返回值：它返回给定ID的对象。如果不存在具有给定...
四个常用DOM方法（getElementById、getElementByTagName、getAttribute、setAttribute）
ytt1120的博客
07-26 2739
DOM脚本的基石
DOM元素 onScrollToBottom监听示例
05-27
好的，以下是一个基于 JavaScript 的 DOM 元素 onScrollToBottom 监听示例： ```javascript // 获取 DOM 元素 const container = document.getElementById('container'); // 监听滚动事件 container....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值