document.getElementById(id)的用法

最新推荐文章于 2024-02-28 16:07:09 发布
最新推荐文章于 2024-02-28 16:07:09 发布
阅读量1.1w 收藏 31
点赞数 9
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GHL1996/article/details/83032691
版权

1.document.getElementById(id)是javascript中访问某个元素的方法。

2.括号中的id是用来标识某个元素的。

3.具体用法：
例如：通过指定的id获取某个元素，并改变其内容

<html>
<body>

<h1>这是一个网图</h1>

<p id="demo">我的第一个段落</p>

<script>
document.getElementById("demo").innerHTML="我的一段 JavaScript代码";
</script>

</body>
</html>

在这里插入图片描述
这段代码的操作为获取id为：demo的元素，并修改他为：我的有单javascript代码

一只攻城狮√
关注
  • 9
    点赞
  • 踩
  • 31
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
getElementById的用法
wjxbj的博客
03-13 8126
        getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签，条件很简单，就是给每个标签分配一个ID号。        返回具有指定ID属性值的第一个对象的一个引用。        语法：        Element = document.getElementByIdx_x_x(“id”)        ...
javascript window.opener的用法分析
01-19
window.opener 的用法 window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为： window.opener.document.getElementById(“name”).value = “输入的数据”; 对于javascript中的window.opener没有很好的理解。 为什么框架中不能使用，弹出窗口的父窗口不能在框架里面的某个页面呢？那怎样通过弹出窗口操作框架中的父窗口呢？ opener.parent
document.getElementById为空或不是对象的解决方法
12-10
1. ‘null’为空或不是对象: [removed] 里面加个defer=true属性试试看， 即:[removed] 2. document.getElementById为null 原因: var titab=document.getElementById(“titletab”);没有取到对象 解决办法: 1.在错误语句的下面加上alert(titab);调试语句,看看是否有消息框弹出 2.如果没有弹出,检查HTML代码中的是否存在”id=titletab”的<table>标签(要
JavaScript 的dom对象
最新发布
weixin_59528719的博客
02-28 392
setAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。返回带有指定名称的节点对象的集合。通过元素名称name获得元素 语法： document.getElementsByName(name) 与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。
document.getElementById的一些细节
12-09
① document.getElementById 有时会抓name放过了id ，据说是IE的一个BUG； http://community.csdn.net/Expert/topic/4223/4223888.xml?temp=.1947443 页面中有  程序代码 <input type=”hidden” id=”hello8″ name=”category_id” value=”2″ /> <select id=”category_id” onchange=”al();”> 一个是name=”category_id” 一个是id=”category_id”  用document.getE
Document:getElementsByName()使用方法及示例
12-11
定义和用法 getElementsByName() 方法可返回带有指定名称的对象的集合。 语法document.getElementsByName(name) 该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。 另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。 实例 代码如下: <html> <head> [removed] function
原生js操作checkbox用document.getElementById实现
12-08
jquery与checkbox的checked属性的问题，讲的是控件<input type=”checkbox”></input> 1、页面加载成功后，点击选中或取消选中该checkbox，checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3、使用document.getElementById(“checkbox_id”).checked获取的值与是否钩上一至，即与所见即所得 4、使用$(“#che
getElementById的使用方法
GongJoe的博客
03-08 8476
属性获取HTML文档中的元素。该方法接受一个字符串参数，即元素的。是JavaScript中的一个DOM方法，用于根据元素的。如果没有找到匹配的元素，则返回。属性值的第一个元素，如果有多个元素具有相同的。在JavaScript代码中，通过。属性值，则只会返回第一个匹配的元素。属性来修改它们的文本内容。以下是一个示例，演示如何使用。方法获取这两个元素，并使用。属性值，并返回具有该。方法只会返回具有指定。
getElementByld()方法获取元素
W_wjinb_B的博客
01-12 1359
DOM中getElementById方法获取元素等等
getElementById( ) 方法
m0_57835615的博客
05-28 6406
1.getElementById( )方法 getElementById() 方法返回带有指定 ID 的元素 语法格式：
(JS)DOM
wenshao007的博客
04-17 106
ECMAScript:JS的核心语法（ES规范/ECMA-262标准） DOM：Document Object Model(文档对象模型)。HTML文档被当做一颗DOM树来看待 BOM:Browser Object Model(浏览器对象模型)。关闭浏览器窗口，操作浏览器的为BOM编程 2.DOM与BOM的区别与联系 BOM的顶级对象是window DOM的顶级对象是document 这里可以看出...
一行代码告别document.getElementById
12-03
所以绝大多数的脚本里，都是直接通过元素的id来访问DOM的。 　　 　　后来随着各种浏览器接踵而至，逐渐的替代了ie。为了保证各路门派统一规则，标准化越来越被重视。当初那种直接访问id的方法，逐渐被document.getElementById所替代。如果这年头还在用id访问元素，要么就是做程序里的内嵌网页，要么就是像铁道部那样的超境界仿古网站：） 当然只要保证你的用户都是用ie访问，这样的非标准也但用无妨。 　　 　　然而，很多第三方浏览器刚出来的时候，为了保证能与当时大量的非标准页面兼容，都保留了用id访问DOM这一非标准做法。事实上如今的主流浏览器，只有FireFox不支持这种做法，而C
document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById
12-08
不过，如果您需要查找文档中的一个特定的元素，最有效的方法是 getElementById()。 不过要注意的是使用getElementById时对不同的浏览器执行的结果可能是不同的，以下有相关说明 代码如下:text1： <input name=”textName1″ type=”text” id=”textName2″ /> <br> text2： <input name=”textName2″ type=”text” id=”textName1″ /> <br> <input type=”button” name=”Submit” value=”text1″ onclick=alert(
JS小记
weixin_33896069的博客
01-08 282
好记性不如烂笔头。 1、document.ElementFromPoint:根据坐标获得元素 2、有时候要操作DOM页面，但是得不到预期结果，很可能是因为页面还没加载完成，在console控制台可以看到“Uncaught TypeError,cannot read property 'xxx' of 　　null”。通常等页面加载完成再进行相应操作，写法如下： document.addE...
document.getelementbyid是什么意思
qq_42682533的博客
03-03 6973
document.getelementbyid这个是js中根据id获取元素(值)的写法。如： var value = document.getElementById(“test”).value;//获取id为test的input的value
JavaScript中getElementById()方法怎么用？
weixin_45587319的博客
09-18 3806
getElementById()方法返回传递给函数的具有给定ID的元素。该方法广泛应用于网页设计中，用于改变任何特定元素的值或获取特定元素。如果传递给函数的ID不存在，则返回null。
【JavaScript】通过 getElementById 获取到的东西，到底都能干点啥
weixin_45968070的博客
11-03 2755
id：你可以通过 element.id 来获取元素的 id 属性的值。tagName：通过 element.tagName 可以获取元素的标签名，例如元素的标签名是 “DIV”。innerHTML：使用 element.innerHTML 可以获取元素内部的 HTML 内容，包括文本和嵌套元素。textContent：通过 element.textContent 可以获取元素内部的纯文本内容，不包括 HTML 标记。
java中innerhtml_document.getElementById(xx).innerHTML
weixin_35836574的博客
02-27 267
代码：1 form.htm起始页面，页面里有查询框。function gosearch(){if (str.value==""){ alert ("请输入查找的内容！"); return false; }window.location="query.htm?"+str.value;}function getkey(){if(window.event.keycode == 13) gosearch(...
document.getelementbyid具体用法
09-24
### 回答1： document.getElementById 是一种HTML DOM方法，用于获取指定id属性值的HTML元素对象。可以使用此方法来通过JavaScript访问和操作HTML文档中的元素。例如，可以通过以下代码获取一个id为“myDiv”的div元素： var myDiv = document.getElementById("myDiv"); 然后可以通过JavaScript操作myDiv变量，例如修改其内容或样式等。 ### 回答2： document.getElementById是JavaScript中的一个方法，它用于通过元素的ID属性值获取特定的HTML元素对象。 其具体用法是通过传入待获取元素的ID属性值作为参数，然后返回对应的HTML元素对象。 使用document.getElementById的步骤如下： 1. 在JavaScript代码中，在想要获取HTML元素对象的地方调用document.getElementById方法。 2. 在括号中传入待获取元素的ID属性值，即要获取的HTML元素的ID。 3. 方法会在页面中查找与传入的ID属性值匹配的HTML元素。 4. 如果找到匹配的元素，则会返回该元素的对象，可以将其存储在变量中以备后续使用。 5. 如果没有找到匹配的元素，则会返回null。 例如，要获取一个按钮的HTML元素对象，可以使用以下代码： HTML代码： <button id="myButton">点击我</button> JavaScript代码： var buttonElement = document.getElementById("myButton"); console.log(buttonElement); 将会在控制台输出获取到的按钮元素对象，然后可以通过buttonElement对象对按钮进行操作，例如添加事件监听器、改变按钮的属性或样式等。 需要注意的是，ID属性值在整个HTML页面中应是唯一的，即不能有多个元素拥有相同的ID。否则，document.getElementById方法只会返回第一个匹配的元素对象。此外，该方法只能用于获取HTML元素对象，不能用于获取文本节点或其他节点类型。 ### 回答3： document.getElementById是JavaScript的一个方法，用于通过给定的元素id来获取对应的HTML元素。 具体用法如下： 1.首先，需要在HTML文件中给要获取的元素添加一个唯一的id属性，例如：<div id="myDiv">This is a div</div> 2.接下来，在JavaScript中使用document.getElementById来获取该元素，例如：var element = document.getElementById("myDiv"); 3.获取到的元素可以用于修改其内容、样式或执行其他操作。例如，可以通过修改innerHTML属性来改变元素的文本内容，或者使用style属性来修改元素的样式。例如：element.innerHTML = "This div has been modified"; 或者 element.style.backgroundColor = "red"; 需要注意的是： - getElementById方法只会返回一个元素，即使存在多个具有相同id的元素。 - 如果找不到具有指定id的元素，getElementById会返回null。 - 元素id是区分大小写的。 - getElementById方法只能在当前HTML文档内查找元素，无法查找到内嵌或外部文档中的元素。 总结起来，document.getElementById方法是通过元素的id来获取对应的HTML元素，可以用于对指定元素进行操作、修改和获取其属性值等。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值