问题标签 [getelementsbyclassname]

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 投票
7 回答
421145 浏览

javascript - 如何使用 JavaScript 获取元素类而不是 GetElementById?

我正在尝试根据每个 DIV 的类来切换网站上某些 DIV 元素的可见性。我正在使用一个基本的 JavaScript 片段来切换它们。问题是脚本只使用getElementById,因为getElementByClassJavaScript 不支持。不幸的是,我必须使用 class 而不是 id 来命名 DIV,因为 DIV 名称是由我的 XSLT 样式表使用某些类别名称动态生成的。

我知道某些浏览器现在支持getElementByClass,但由于 Internet Explorer 不支持,我不想走那条路。

我找到了使用函数按类获取元素的脚本(例如此页面上的#8:http ://www.dustindiaz.com/top-ten-javascript/ ),但我不知道如何集成它们与我的切换脚本。

这是HTML代码。DIV 本身丢失了,因为它们是在使用 XML/XSLT 加载页面时生成的。

主要问题:如何获取以下切换脚本以按类获取元素而不是通过 ID 获取元素?

0 投票
2 回答
2247 浏览

javascript - 修改每个可能的 DOM 元素的原型

更新了标题以更好地反映我正在尝试做的事情。

简而言之,不同的dom元素有不同的构造函数,而且它们似乎并不都共享一个共同的原型。我正在寻找一种通过修改这些原型为每个 DOM 元素添加函数属性的方法,但我不确定如何找到它们。

例如,我可以这样做:

当然,我想这样做而不列出每一个 html 元素。谁能想到更好的方法?

(原问题如下)

目标 -getElementsByClassName任何浏览器中的任何 DOM 节点上工作。

它之前已经完成(有点),但这是我的尝试。

我的问题是,有没有一种好方法可以使用动态创建的元素来完成这项工作?似乎 HTML DOM 元素不共享一个getElementsByClassName可以添加的通用可预测原型......或者我错过了什么?

这是我到目前为止所得到的(编辑- 每次讨论更新)。

它适用于脚本加载之前加载的内容,但新的动态创建的元素不会获得getElementsByClassName方法。任何建议(除了setInterval,请)?

0 投票
2 回答
11520 浏览

javascript - 为什么 getElementByClassName -> getElementsByTagName -> setAttribute 不起作用?

我想在新标签中打开某些链接。由于无法直接设置到<a>标签中,所以我想将链接放入<span>具有特定类名的标签中,并通过 JavaScript 设置目标属性。

我认为这很容易,但我无法让它工作:

我究竟做错了什么?

0 投票
1 回答
389 浏览

javascript - 仅在更大的无线电组集中迭代特定的无线电组

我有一个包含 26 个问题的表格,所有这些问题都有单选按钮组作为用户的答案选择(它计算给定财产上特定入侵植物物种的风险因素)。最后,将每个单选组中的选定值相加。

复杂之处在于,用户可以选择填写 5 种不同入侵植物物种的问卷;换句话说,我有 26 行和 5 列,最后我需要分别计算每一列。我已经通过使用 getElementsByClassName 完成了这项工作,它在 Firefox 中就像一个魅力,但在 IE 中却没有。不幸的是,我为之服务的客户将 IE 作为他们的用户标准。我尝试了一些在网上发布的通用 getElementsByClassName 函数,但它们似乎不起作用;我一直在页面上收到错误消息。

Firefox中成功的功能是这样的:

可能有一个非常简单的答案(我是一个等级初学者!)但我已经把头撞在墙上一个多星期了......

0 投票
11 回答
290190 浏览

javascript - JS:使用 Array.forEach 迭代 getElementsByClassName 的结果

我想迭代一些 DOM 元素,我正在这样做:

但我收到一个错误:

document.getElementsByClassName("myclass").forEach 不是函数

我正在使用 Firefox 3,所以我知道两者getElementsByClassNameArray.forEach存在。这工作正常:

getElementsByClassName数组的结果吗?如果不是,那是什么?

0 投票
3 回答
603 浏览

jquery - 如何用 jQuery 重写这个 javascript 函数?

这个答案的一个变体。

它正在使用getElementsByClassNameIE不支持的功能。

如何用 jQuery 重写它?

0 投票
6 回答
11674 浏览

javascript - getElementsByClassName IE 解析问题

我在弄清楚如何解决 IE 中的 getElementsByClassName 问题时遇到问题。我将如何最好地在我的代码中实现 robert nyman(由于我的代表只有 1 个,所以无法发布指向它的链接)解析?还是 jquery 分辨率会更好?我的代码是

我在此页面dev.msmnet.com/services/practice-management上使用它来显示/隐藏每个服务的描述(适用于 Chrome 和 FF)。任何提示将非常感谢。

0 投票
3 回答
11897 浏览

javascript - 用图像替换文本 - JavaScript (getElementsByClass)

我有一个跨度:

我想根据文本用图像替换该文本

这是我所拥有的:

我在这里做错了什么?

0 投票
2 回答
4294 浏览

javascript - javascript: getElementsByClass

我想做一些简单的事情,并且该网站的 js 并不繁重,所以我没有为此使用 js 框架。

我正在尝试添加事件单击侦听器,我正在尝试按类获取元素。我找到了以下功能+我尝试过的其他功能,但由于某种原因,它们都没有找到元素。

我有几个 div 类 wow,正在测试,但我一直得到 0。

0 投票
2 回答
2047 浏览

javascript - 如何使用 Javascript getElementsByClass() 函数在类或标签中选择类?

在 jQuery 中,它只是

或者

如何使用纯 Javascript 实现相同的效果?(我正在编辑一个供个人使用的开源软件,它不使用jQuery)