JavaScript基础知识介绍——DOM的getElementByid()方法

最新推荐文章于 2024-09-25 15:23:45 发布
最新推荐文章于 2024-09-25 15:23:45 发布
阅读量542 收藏 1
点赞数
分类专栏： JavaScript 文章标签： DOM getElementById()
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37196494/article/details/100828635
版权

gerElementById()方法可返回对拥有指定ID的第一个对象的引用

document.getElementById(id)

HTML DOM定义了多种查找元素的方法，除了getElementById()之外，还有getElementsByName()和getElementByTagName()

不过如果需要查找文档中的一个特定元素，最有效的方法是getElementById()

在操作文档的一个特定的元素时，最好给该元素一个id属性，为它指定一个（在文档中）唯一的名称，然后就可以用该ID查找想要的元素

<html>
<head>
<script type="text/javascript">
function getValue()
  {
  var x=document.getElementById("myHeader")
  alert(x.innerHTML)
  }
</script>
</head>
<body>
<h1 id="myHeader" onclick="getValue()">This is a header</h1>
<p>Click on the header to alert its value</p>
</body>
</html>

getElementById()是一个重要的方法，在DOM程序设计中，它的使用非常常见，我们定义了一个工具函数，这样可以通过一个较短的名字来使用getElementById()方法了：

function id(x) {
  if (typeof x == "string") 
     return document.getElementById(x);
  return x;
  }

上面这个函数接受元素 ID 作为它们的参数。对于每个这样的参数，您只要在使用前编写 x = id(x) 就可以了。

混吃混喝的废物
关注
专栏目录
web学习笔记 —— javascript基础
05-25
这篇“web学习笔记——javascript基础”将带你走进JavaScript的世界，理解其基本概念和常用语法。 JavaScript语法基础： 1. 变量：在JavaScript中，变量用于存储数据。声明变量使用`var`关键字，例如`var myVar = ...
JavaScript getElementById()方法介绍
路虽远，行则必至！
06-25 5万+
getElementById() 根据元素的 id 属性获取一个元素节点对象 getElementById()可以根据元素的 id 属性获取一个元素节点对象，该方法所有浏览器均可使用 返回带有指定 ID 的元素，如下图： 我们可以通过 innerHTML 属性(获取或者设置元素的内容(包含 HTML 标签 解析))，如下图： 我们可以通过 innerText 属性(获取或者设置元素的内容 ...
JavaScript学习——DOM对象
weixin_44734398的博客
04-22 256
DOM对象简介 一、什么是DOM DOM，全称Document Object Model，文档对象模型。JDS通过DOM对象对HTML文档进行操作。 文档：整个HTML页面就是文档 对象：网页中的每个部分都是对象 模型：使用模型来表示对象之间的关系，方便我们获取对象 DOM树 节点 节点（Node），是构成网页最基本的组成部分，网页中的每一个部分都可以称为是一个节点。比如：html标签，属性，文本，注释，以及整个文档都是一个节点。 节点有不同的类型，不同节点的属性和方法都不尽相同 元素节点，HTML
DOM获取元素并修改内容：getElementById()方法、value属性、innerHTML属性、innerText属性
最新发布
pan_junbiao的博客
09-25 600
Document 对象，当 HTML 文档加载到 Web 浏览器中时，它就变成了一个文档对象。文档对象是 HTML 文档的根节点。文档对象是窗口对象的属性。innerHTML 属性声明了元素含有的 HTML 文本，不包括元素本身的开始标记和结束标记。通过该属性可以为指定的 HTML 文本替换元素内容。innerText 属性与innerHTML 属性的功能类似，只是该属性只能声明元素包含的文本内容，即使指定的是 HTML 文本，它也会认为是普通文本而原样输出。
Javascript -- 函数，Dom
2201_75624032的博客
01-06 229
node.previousSibling 查找上一个兄弟节点 找不到返回null,包含所有的节点 可能为文本节点或元素节点。node.nextSibling 查找 下一个兄弟节点 找不到返回null,包含所有的节点 可能为文本节点或元素节点。元素节点的节点类型为1 （在对节点进行操作时，通常对元素节点进行操作）.firstChild（第一个子节点 不管是文本节点还是元素节点）.lastChild（最后一个子节点 不管是文本节点还是元素节点）
JavaScript(二)之DOM 操作
faramita_of_mine的博客
11-20 761
JavaScript之DOM 操作一、DOM 获取二、添加元素三、修改元素四、删除元素五、Web Storage六、定时任务和延时操作 一、DOM 获取   文档对象模型简称 DOM，DOM 是一种 HTML/XHTML 页面的编程接口(API)。 它提供了一种文档的结构化地图，还有一组方法， 以便与所含元素交互。实际上，它是把标记方式转换为 JavaScript 可以理解的格式。简单的说，DOM 就像页面上所有元素的一个地图。Web 前端开发者可以使用它通过名字和元素来找到元素，然后添加、修改或删除元素及
学习document.getElementById()的使用
chuangnzh的专栏
11-12 2194
定义和用法getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。语法document.getElementById(id)说明HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。不过，如果您需要查找文档中的一个特定
jacascript DOM节点——元素节点、属性节点、文本节点
08-30
JavaScript DOM（Document Object Model）是Web开发中用于操作...理解元素节点、属性节点和文本节点的概念及其操作方法是JavaScript Web开发的基础。熟练掌握这些知识，可以帮助开发者更有效地实现页面交互和动态更新。
JavaScript基础教程笔记
02-15
### JavaScript基础教程笔记知识点 #### 一、JavaScript简介 - **定义**：JavaScript是一种轻量级的编程语言，主要用于Web浏览器中的网页交互控制。 - **发展历史**：1995年由Netscape公司的Brendan Eich设计并...
JavaScript知识点思维导图
11-02
这个“JavaScript知识点思维导图”涵盖了JavaScript的一些基础到进阶的概念，包括DOM操作、数据类型和数组等内容。让我们逐一深入探讨这些主题。 首先，JavaScript DOM（文档对象模型）基本操作是Web开发中的重要...
javascript 教程，较详细的讲述了javascript的基础知识
12-10
本教程旨在提供一个全面的JavaScript基础知识概览，帮助初学者快速入门并深入理解其核心概念。 一、JavaScript概述 JavaScript最初由Brendan Eich在 Netscape Navigator 浏览器中开发，主要用作客户端脚本语言，...
暴打JavaScript语法之getElementById()、getElementsByTagName()全能解释
Xmumu_的博客
09-06 2740
大家好这里是X????????????，今天带来JavaScript的两个很重要的方法 先来简述一下它们的基本作用： getElementById():返回一个对象，该对象对应着文档中一个特定的元素节点 getElementsByTagName():返回一个对象数组，它们分别对应着文档中一个特定的节点 getElementById()接收一个参数：就是要取得的元素的ID???? 如果找到了该ID就返回该元素，如果不存在就返回null，该ID必须和页面中的ID严格匹配???? document.get
getElementById 与 getElementsByTagName 详解
Blee.Yu
12-16 1344
网上有些哥们写了,但是总感觉不够详细.摘录一些他们的文章再加上自己试验的一些代码.getElementById( "xxx ")   返回第一个   id属性为 "xxx "   或者特定表单元素name为 "xxx "的元素 getElementsByName( "xxx ")   返回所有   id属性为 "xxx "   或者特定表单元素name为 "xxx "的元素 这里要说明一下其实
getElementById(),getElementsByName(),getElementsByTagName()
yyue的专栏
08-27 314
getElementById() 返回对拥有指定 id 的第一个对象的引用。 getElementsByName() 返回带有指定名称的对象集合。 getElementsByTagName() 返回带有指定标签名的对象集合。
document.getelementbyid是什么意思
qq_42682533的博客
03-03 7404
document.getelementbyid这个是js中根据id获取元素(值)的写法。如： var value = document.getElementById(“test”).value;//获取id为test的input的value
js中，关于使用id和document.getElementById()方法获取dom元素的区别
dreamjay1997的博客
05-30 7983
第一种直接使用id获取dom元素的方法，只能在window这个全局变量中没有以此为名字的属性时才会生效但第二种方法却不会遇到这种问题
js中document.getElementById()用法
热门推荐
lyhmyway的专栏
03-03 6万+
dom标准里面的  获取当前文档中指定id的元素 if (document.getElementById("regjm").value != document.getElementById("regjm1").value ) {    alert("提示：请输入有效的认证码");    document.getElementById("regjm1").focus();    retur
HTML DOM getElementById() 方法
yangxiuen的博客
05-17 172
定义和用法 getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。 语法 document.getElementById(id)说明 HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。 不过，如果您需要查找文档中的一个...
JavaScript DOM编程艺术：创建与操作节点
书中不仅涵盖了JavaScript和DOM的基础知识，还通过实例展示了专业级别的网页开发技术，讨论了HTML5、jQuery等现代Web开发的关键元素，并强调了JavaScript编程原则和最佳实践。此外，书中附录详细列举了DOM提供的常用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值