DOCUMENT.GETELEMENTBYID使用

最新推荐文章于 2024-12-11 05:17:55 发布
最新推荐文章于 2024-12-11 05:17:55 发布
阅读量554 收藏
点赞数
分类专栏： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/garyyoung123/article/details/21991881
版权
这篇博客介绍了如何使用`document.getElementById`来获取HTML元素，并强调了它返回的是一个对象，需要通过`.value`来获取具体值。文章还提到了一个IE浏览器的bug，即在某些情况下`getElementById`可能会优先找到name属性而非id属性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是

“ object ”，而不是具体的值，它有 value 和 length 等属性，加上 .value 得到的才

是具体的值！

下面的例子使用了 document 对象检查文档标题并在消息框中显示该标题(如果非空)。

了解本专栏 订阅专栏 解锁全文 超级会员免费看
TypeError document.getElementById(...) is null错误原因
09-03
1. **元素未加载**：在使用`document.getElementById`尝试访问元素之前，整个HTML页面可能还没有完全加载。如果你的JavaScript代码位于`<head>`标签内，且尝试访问的元素位于`<body>`下方，那么在`<head>`中的脚本...
浅谈vue中document.getElementById()拿到的是原值的问题
10-15
在Vue框架下，开发者可能会遇到使用`document.getElementById()`方法时，获取到的是旧页面的DOM元素值的问题。这一现象通常发生在页面通过路由进行切换时，尽管DOM结构已经发生了变化，但是通过该方法仍然获取到了...
document.getElementById()
07-21
document.getElementById()对象和使用方法
document.getElementById使用
Welcom to zougangx's blog
09-08 1389
 注意： document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是 “ object ”，而不是具体的值，它有 value 和 length 等属性，加上 .value 得到的才 是具体的值！   参考资料： 1. document . getElementById 的用法和 DHTML.CHM 的下载地址 h
document.getElementById(id)的用法
热门推荐
code_nutter的博客
07-29 4万+
1.document.getElementById(id)是javascript中访问某个元素的方法。这段代码的操作为获取id为demo的元素，并修改他为我的有单javascript代码。例如通过指定的id获取某个元素，并改变其内容。2.括号中的id是用来标识某个元素的。...
DOM 基础 ---------- 获取元素
weixin_52212950的博客
02-02 7677
DOM 即文本对象模型，是 W3C 推荐的处理可拓展标记语言的标准编程接口，通过这些接口可以改变网页的内容，结构，样式 文档：一个页面就是一个文档，DOM 中用 document 表示 元素：页面中所有的标签都是元素，DOM 中用 element 表示 节点：网页中所有内容（标签，属性，文本，注释）都叫节点，DOM 中用 node 表示 DOM 获取元素有很多方法，下面一一说明 一：document.getElementById() 此方法用于返回一个匹配特定的 ID 元素，由于元素的 ID
jsp页面javascript中用document.getElementById(" ").value无法获取相应text的值
luhuiqin3919的博客
03-25 5828
function yanzheng(){ var name=document.getElementById('depName').value; alert(name); if(name==""){ alert("部门名不能为空！！！"); return false; } }   新增部门 部门名称: 部门描述:
document.getElementById获取控件对象为空的解决方法
12-04
在上述问题中，主要讨论了如何正确地使用 `document.getElementById` 方法来获取页面中的元素对象，特别是在页面加载过程中的时机问题。 首先，`document.getElementById` 是JavaScript中的一个函数，它用于根据...
TypeError document.getElementById(…) is null错误原因
12-09
当你尝试使用 `document.getElementById` 方法获取一个HTML元素时，如果该元素在当前文档中不存在，JavaScript 将抛出 `TypeError: document.getElementById(...) is null` 的错误。这个错误意味着你试图访问的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...
js中的document.getElementById("id").style.property="值" 的用法
看不过的黑工坊
02-04 4866
转自：http://www.w3school.com.cn/jsref/dom_obj_style.asp http://www.w3school.com.cn/jsref/prop_style_display.asp
js中获取元素的方法（document和getElementById）
2303_76379956的博客
01-04 2239
定义： getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。提示： 可使用 NodeList 对象的 length 属性来确定指定类名的元素个数，并循环各个元素来获取需要的那个元素。元素在集合中的顺序以其在代码中的出现次序排序。定义： getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。定义： getElementsByTagName() 方法可返回带有指定标签名的对象的集合；
document.getElementById（）
博客
04-10 1万+
句法： var element = document .getElementById（id）; 参量： id:要定位的元素的id。id是区分大小写的字符串，在文档中是唯一的。只有一个元素可以具有任何给定的id。 返回值 例 HTML代码： <html> <head> <title>getElementById example</title> &...
JavaScript 获取 input 输入框内容的几种方法
SKCQTGZX的博客
11-13 3655
注意：以下方法 2、3、4 和 6 返回元素的集合, 通过索引 [index] 来获取制定元素，第一个元素使用 [0]，第二个元素使用 [1]，以此类推...document.querySelectorAll('.searchField')[0].value;document.querySelector('selector').value // selector 是 CSS 选择器。document.getElementById('textbox_id').value // 获取指定 id 的内容。
document.getElementById()报错处理
cnds123的专栏
09-15 1万+
本文介绍document.getElementById()报错原因及处理
getElementById(), getElementsByName()和 getElementsByTagName() 详解
starwind_的博客
07-31 5042
WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问DOCUMENT中的任一个标签： 1、getElementById() getElementById()可以访问DOCUMENT中的某一特定元素，顾名思义，就是通过ID来取得元素，所以只能访问设置了ID的元素。 比如说有一个DIV的ID
元素获取与设置
gergerfrgegregfd的博客
06-24 6208
一、获取元素有三种DOM方法可以获取元素节点,分别是元素ID,标签名字,类名字1.getElementById:区分大小写,名字要写对. document.getElementById(id). 返回一个对象,对应着document对象里一个独一无二的元素. alert(typeof document.getElementById('content')) 2.getElementsByTagName:返回一个数组对象,对应着文档里有着给定标签的一个元素.alert(d...
深入探索JavaScript中的document获取元素方法
最新发布
欢迎来到软件测试jeffky博客！在这里，我们将探讨各种与软件测试相关的主题，包括测试策略、方法、工具、最佳实践和行业趋势。我们的目标是帮助读者提高软件质量，确保用户满意度，并分享在软件测试领域的知识和经验。
12-11 2234
和。这些方法各有特点，适用于不同的场景。在实际开发中，合理选择和使用这些方法，可以大大提高我们的开发效率和代码质量。
document.getElementById详解
~飞 鸟 (*^__^*) 天 堂~
10-31 3357
document.getElementById(" ") 得到的是一个对象，用 alert 显示得到的是 “ object ”，而不是具体的值，它有 value 和 length 等属性，加上 .value 得到的才 是具体的值！ 参考资料： 1. document . getElementById 的用法和 DHTML.CHM 的下载地址 今天在网络上
javscript 修改代码 统计以下值是0的个数 var sel1 = document.getElementById("s50").value; var sel2 = document.getElementById("s11").value; var sel3 = document.getElementById("s12").value; var sel4 = document.getElementById("s14").value; var sel5 = document.getElementById("s51").value; var sel6 = document.getElementById("s19").value; var sel7 = document.getElementById("s20").value; var sel8 = document.getElementById("s21").value; var sel9 = document.getElementById("s22").value; var sel10 = document.getElementById("s23").value; var sel11 = document.getElementById("s24").value; var sel12 = document.getElementById("s25").value; var sel13 = document.getElementById("s26").value; var sel14 = document.getElementById("s27").value; var sel15 = document.getElementById("s28").value; var sel16 = document.getElementById("s52").value; var sel17 = document.getElementById("s40").value; var sel18 = document.getElementById("s41").value; var sel19 = document.getElementById("s42").value; var sel20 = document.getElementById("s46").value; var sel21 = document.getElementById("s53").value;
07-22
你可以使用以下的JavaScript代码来统计这些值为0的个数： ```javascript var sel1 = document.getElementById("s50").value; var sel2 = document.getElementById("s11").value; var sel3 = document.getElementById("s12").value; var sel4 = document.getElementById("s14").value; var sel5 = document.getElementById("s51").value; var sel6 = document.getElementById("s19").value; var sel7 = document.getElementById("s20").value; var sel8 = document.getElementById("s21").value; var sel9 = document.getElementById("s22").value; var sel10 = document.getElementById("s23").value; var sel11 = document.getElementById("s24").value; var sel12 = document.getElementById("s25").value; var sel13 = document.getElementById("s26").value; var sel14 = document.getElementById("s27").value; var sel15 = document.getElementById("s28").value; var sel16 = document.getElementById("s52").value; var sel17 = document.getElementById("s40").value; var sel18 = document.getElementById("s41").value; var sel19 = document.getElementById("s42").value; var sel20 = document.getElementById("s46").value; var sel21 = document.getElementById("s53").value; var count = 0; if (sel1 == 0) { count++; } if (sel2 == 0) { count++; } if (sel3 == 0) { count++; } if (sel4 == 0) { count++; } if (sel5 == 0) { count++; } if (sel6 == 0) { count++; } if (sel7 == 0) { count++; } if (sel8 == 0) { count++; } if (sel9 == 0) { count++; } if (sel10 == 0) { count++; } if (sel11 == 0) { count++; } if (sel12 == 0) { count++; } if (sel13 == 0) { count++; } if (sel14 == 0) { count++; } if (sel15 == 0) { count++; } if (sel16 == 0) { count++; } if (sel17 == 0) { count++; } if (sel18 == 0) { count++; } if (sel19 == 0) { count++; } if (sel20 == 0) { count++; } if (sel21 == 0) { count++; } if (count > 0) { console.log("不合格"); } else { console.log("合格"); } ``` 上述代码会遍历每个选择框的值，通过逐个判断是否为0来统计个数。最后根据个数的结果输出"不合格"或"合格"。你可以将这段代码添加到你的JavaScript文件中，或者直接在浏览器的开发者工具中执行。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

智慧安全方案

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值