问题标签 [getelementbyid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
5337 浏览

javascript - Why is document.getElementById() returning a null value when I know the ID exists?

I'm working on some custom Javascript for a CMS template at work. I want to be able to make a certain <li> element on the page receive the class of "current" for that page only. So in the global page head I have something like this:

Then in each individual page <head>, I have something like this:

On the page I have a nav <ul>, with something like:

When I load the page, the class is not applied. When I look in the Firebug console, it gives the error message:

I'm still getting the hang of writing solid, raw javascript (learning backwards after jQuery, you know how it goes), but I want to write it in just JS. What idiotic newbie mistake am I making?

Thanks everyone!

0 投票
2 回答
694 浏览

javascript - javascript文本框:输入文本,它会立即出现在另一个文本框中

Javascripters,一个“谜题”:使用一个简单的 HTML 表单,制作两个文本框。无论您在文本框#1 中键入的任何文本(例如,一些随机字符串,如asdfasdf)都会立即显示在文本框#2 中,无需按下任何按钮或更改焦点。可以使用getElementByID吗?

0 投票
3 回答
639 浏览

javascript - 为什么在使用 document.getElementByID 更新图像之前显示我的 JavaScript 警报消息?

在我的 JavaScript 代码中,我首先调用一个函数来更新图像:

然后在几条语句之后调用 alert() 函数来显示一条消息:

但是,当我运行此代码时,实际发生的是在图像更新之前弹出警告框。当我单击对话框中的“确定”按钮以关闭警报框时,图像会更新。

为什么这些事件的顺序没有被保留?在显示警报对话框之前,我可以调用某种同步功能来等待图像更新完成吗?

我愿意以某种方式重构代码(即,使用 alert() 函数以外的东西),但我更喜欢允许现有代码按预期工作的解决方案。

0 投票
2 回答
130 浏览

jquery - jQuery - 通过唯一 ID 在多个对象上迭代 API 命令?

我在一个页面上有一堆 vimeos,我想让它们全部静音,因为它们会同时播放。

我只在一个 vimeo 上工作。因为它需要每个 vimeo 的唯一 ID。但我对对视频做不同的事情不感兴趣。我只想给他们一个规则,显然不必每次上传新的vimeo时都写出来。

我尝试让所有 vimeo 的 ID = player_1,但这不起作用。由于某种原因,JS 中没有 getElementByClass,应该没有?这对这样的事情很有用。

任何帮助将不胜感激。谢谢。

这是测试页

0 投票
2 回答
146 浏览

javascript - 如何将函数应用于 jQuery 中的多个图像?

我需要一些帮助(可能)一些非常简单的事情。

我想使用将图像从彩色转换为灰度的脚本。我让它部分工作 - 第一个图像变成灰色,但第二个不会。

我知道这是因为一个 id 不能多次使用:

我试过这个:

但它没有用。将其更改为getElementByClass也不起作用。(在人们问之前,我确实将标签id中的 to 类更改了。)<img>

我真的可以在这里使用一些帮助。提前致谢!

0 投票
4 回答
704 浏览

javascript - Javascript 调试 - 脚本使用硬编码变量,而不是 getElementById('id').value

我正在尝试调试我编写的一些 javascript,但无法弄清楚它为什么不起作用。如果我对变量进行硬编码,它可以正常工作,但如果我使用 document.getElementById('id').value 来获取变量,它会失败。

下面的示例可以正常工作,但是一旦我取消注释注释行,它就不行了。在第二部分之前和之后打印变量,它们似乎是相同的。

实在搞不懂是怎么回事。也许我只需要睡在上面,但如果有人有建议那就太好了!

0 投票
3 回答
899 浏览

javascript - 为什么我的元素为空?

为什么当我执行一个alert值(见下文)时它会返回null?何时存在具有该 ID 的元素?

div如下..

0 投票
2 回答
350 浏览

php - 使用 PHP 和 Javascript 从 MySQL 中拆分数据在 IE 中有效,但在 FF 中无效

我在页面上有以下 JavaScript 函数:

在表格上,我有以下内容:

本质上,PHP 应该将从 MySQL 中提取的数据元素打包到 SELECT 框的 OPTION VALUE 部分。一旦用户选择了一条记录,JavaScript 就会将打包的数据分开并填充 FORM 上的其他数据元素。这一切都在 IE 中运行得很好,但在 FF 中,字段不会填充数据。

表格有点长,但为了完整起见,我还是会包含它。

0 投票
7 回答
111345 浏览

javascript - 使用 jQuery 删除具有给定 id 的所有元素

我有一个带有多个跨度的表单id="myid"。我希望能够从 DOM 中删除具有此 id 的所有元素,我认为 jQuery 是最好的方法。我想出了如何使用该$.remove()方法删除此 id 的一个实例,只需执行以下操作:

但当然这只会删除 myid 的第一个实例。如何遍历 myid 的所有实例并将它们全部删除?我认为 jQuery$.each()方法可能是这种方式,但我无法弄清楚遍历 myid 的所有实例并将它们全部删除的语法。

如果有一种干净的方法可以使用常规 JS(不使用 jQuery)来做到这一点,我也对此持开放态度。也许问题是id应该是唯一的(即你不应该有多个元素id="myid")?

0 投票
4 回答
843 浏览

javascript - getElementById 的结果为空?

只是在使用 Javascript 类作为一些彗星代码的方法而苦苦挣扎,我如何为这段代码创建一个构造函数?以下代码无效:

this.gContainer 为空