如何选择TD中的第一个H1元素？

Question

我（被困）使用了Prototype 1.3.1，并且从jQuery迁移到该库的旧版本时遇到了困难。 不幸的是，我正在编写的扩展是针对我们无法更新到的供应商提供的系统的。 因此，无需升级到新版本。

我在寻找没有现代CSS选择器的情况下遇到的麻烦，或者我做错了事。 看起来CSS选择器仅出现在1.5.1中？

无论如何，我有一个带有x个H1标签的TD。 我需要在第一个H1之后添加DIV。 我有TD的ID，而H1上没有ID。

我还需要一些有关如何创建和操作对象的指导。 例如，看起来像Element作为构造函数直到1.6才实现。 那么，如何创建“启用了原型的”对象，以便可以在其上调用诸如update（）之类的方法？

我尝试在document.createElement结果上使用extend（），但得到“对象不支持...”。 我确定我丢失了一些东西，但是很难找到5年​​前的库中的文档。

如果有人可以提供任何指示，我将不胜感激。 干杯。

Answer 1

如果仅使用JavaScript，这将非常简单。

var obj = ... // Your TD node
var h1s = obj.getElementsByTagname("h1");
var myH1;
if (h1s.length > 0) {
  myH1 = h1s[0];
} else {
  // Trigger error
}