问题[dom]

根据任务的条件，有这样一段代码：

有必要通过添加和删除类来创建内容旋转的效果。

"use strict";

const getAllRotationsClasses = document.querySelectorAll(".rotator__span");

const rotation = function() {
  getAllRotationsClasses.forEach(function(elem) {
    if (elem.classList.contains("rotator__span")) {
      elem.classList.toggle("rotator__span__active");
    }
  });
}

setInterval(rotation, 1000)

.rotator__span {
  display: none;
}

.rotator__span__active {
  display: inline;
}

<div>
  <p>
    Я
    <span class="rotation">
                <span class="rotator_span rotator__span_active">учу JS</span>
    <span class="rotator__span">краб</span>
    <span class="rotator__span">покорю этот мир</span>
    <span class="rotator__span">не сдамся</span>
    <span class="rotator__span">упрямый</span>
    <span class="rotator__span">добьюсь своей цели</span>
    </span>
  </p>
</div>

这段代码选择了所有未激活的，将它们显示在屏幕上一行并删除它们，但我需要一个接一个。如何实施？请解释螃蟹））

需要在 3x3 div 容器上使用箭头导航在此代码中，指针指向第一个元素周围的 4 个边，并且应该指向 9 个元素中的一个，并在按下回车键时单击

   let pointer = document.createElement('div')

   pointer.className = 'tile'
   container.appendChild(pointer)
   console.log(pointer)
   pointer.style.display = 'none'
   pointer.classList.add('active')

   let newContainer = document.getElementsByClassName('container')[0]
   document.addEventListener('keydown', () => {

      pointer.style.display = 'block'

      pointer.tabIndex = 0;

      let rectElem = container.getBoundingClientRect();
      let x = rectElem.x + pageXOffset,
         y = rectElem.y + pageYOffset;

      if (event.code === 'ArrowRight') {
         x += pointer.offsetWidth;
      }
      if (event.code === 'ArrowLeft') {
         x -= pointer.offsetWidth;
      }
      if (event.code === 'ArrowUp') {
         y -= pointer.offsetHeight;
      }
      if (event.code === 'ArrowDown') {
         y += pointer.offsetHeight;
      }

      pointer.style.position = 'absolute';
      pointer.style.left = x + 'px';
      pointer.style.top = y + 'px';

   })

我需要找到 .simple_price .price-num 但不是.simple_price-row 索引为 0 的那些；

List<string> result = new List<string>();
        var items = document.QuerySelectorAll("div.simple_price__bodys__item .simple_price-row")
                            .Where(item => item.Index() != 0)
                            .Children(".simple_price-col")
                            .Children(".price-num");

我写了这样一个代码，但它让我感到困惑的是，当改变时，可以有很多 .Children 方法

我无法确定React为以下任务构建接口是否有帮助。

1. 拖放Drag and Drop任何元素DOM。
2. 克隆任何DOM.
3. 动态嵌入DOM组件的任何元素React（例如，将组件添加到DOM通过特定类名动态出现在页面上的任何元素。）。
4. 处理任何物品DOM

例如，我们正在谈论使用React页面上的现有元素创建的元素或添加的元素jQuery

美好时光，

在 Angular2 中是否可以操作 DOM 树？

任务：一个简单的下拉菜单，当你点击一个菜单项时，会弹出一个子菜单，当你再次点击时，它会消失。

• 第 1 款
  • 第 1.1 款
  • 第 1.2 款
  • 第 1.3 款
• 第 2 点
  • 第 2.1 款
  • 第 2.2 款
  • 2.3 款
• 第 3 点
  • 3.1 款
  • 第 3.2 款
  • 3.3 款

我想按照这个原则来做——点击->寻找子菜单->操作。但我不知道如何在 Angular 中做到这一点。

还有 ngIf 指令，可能在这个方向上，我需要思考，但我还是想不出如何为每个特定的子菜单（而不是所有的通用子菜单）设置显示条件。

感谢您的回答！