ANIMATION > TARGETS

DOM Elements

Targets one or multiple DOM Elements directly.

Accepts

DOM Node, NodeList

DOM Elements code example

JavaScript

HTML

CSS

const element = document.querySelector('.dom-node'); const elements = document.querySelectorAll('.dom-node-list'); xjs(element).animate({ x: 200 }); xjs(elements).animate({ x: 200 });

.el {
  width: 28px;
  height: 28px;
  background-color: var(--highlight-color);
  border-radius: 2px;
  margin: 10px 0;
}
.demo-visual { padding: 40px; }

功能说明：直接把 DOM 节点或 NodeList 作为 targets 传入，适合已经拿到元素引用（不依赖选择器）的场景。