纯JavaScript，TagName等

Question

我仍然试图学习纯javascript，因为我跳过它，去学习jQuery，尽管我不再想要一个库了。我想要速度，无论如何，我有几个关于纯JavaScript的问题。

第一个问题:

var profile = document.getElementsByClassName("postprofile-details");
var details = profile.getElementsByTagName("dd");
    details[0].style.display = "none";

我一直有个错误

TypeError: Object #<NodeList> has no method 'getElementsByTagName'

我该怎么做？

下一个问题--它与上面相同的代码有关--基本上，我知道jQuery有一个.prepend()和.append()，那么我如何向上面的var profile插入额外的.append()呢？

第三题和最后一个问题

我想找出这类问题，我一直在学习循环函数，而不是.each()，这就是我想出的结果，但也有错误

var a = document.getElementsByClassName('postprofile-details');
   for (var i =0; i<a.length; i++) {
           a[i].getElementsByTagName('dd').style.display='none';
   }

眼前的问题是，我如何确保在for循环函数中选择循环？我是不是

A) ai.getEle.

或

B) a.getEle.

对这些问题的任何回答都是有帮助的，我只是厌倦了使用jQuery

具有以下答案和注释的

让我看看我能不能写这个

var profile = document.getElementsByTagName('postprofile-details');
for (var i=0; i<profile.length; i++) {
  var dd = profile[i].getElementsByTagName('dd');
  dd.style.display='none';
  var newEle = document.createElement('div');
  newEle.id = 'toggle';
  profile[i].appendChild(newEle);
 }

请告诉我，如果我的代码中的任何问题是可见的，谢谢。

Answer 1

TypeError: Object #没有方法“getElementsByTagName”

你应该使用：

profile[index].getElementsByTagName("dd");

对于所需的节点，不能在节点列表上使用getElementsByTagName。

下一个问题是与上面相同的代码有关的，我知道jQuery有一个.prepend()和.append()，那么如何在上面的var配置文件中插入额外的.append呢？

profile[index].appendChild(newNode);

最后答案：

作为第一个答案，您需要迭代所有nodeList getElementsByTagName\ getElementsByClassName返回。