尝试放置a时出现问题<；span>；在带有JavaScript的div中

我试图按照类似问题中的答案进行操作，但仍然得到相同的结果，我试图做的是在

div

中放置一个椭圆形的

span

，我实现了这个简单的

createPong = function () {
    var blockSize = 50,
        element = document.createElement('span'),
        pong;

    element.style.position = 'absolute';
    element.style.display = 'block';
    element.style.width = blockSize + 'px';
    element.style.height = blockSize + 'px';
    element.style.background = getRandomColor();
    element.style.borderRadius = blockSize + 'px';

    pong = {
        id: pongId = 1,
        element: element,
        size: blockSize,
        dirX: Math.random() > 0.5 ? 1 : -1,
        dirY: Math.random() > 0.5 ? 1 : -1,
        speed: 5,
        collided: false
    };

    placePong(pong);

    return pong;
}, 

---

run=函数（numberOfPongs）{
var i=0，
containerElement=document.getElementsByCassName（'mainDiv'）[0]，//此

将其附加到nothing。它需要进入
containerElement

containerElement.appendChild(pong.element);

此外，您的小提琴将其附加到
主体上

谢谢，你知道为什么球仍然在同一位置吗，因为它应该在运动中！这是一个单独的问题
document.containerElement.appendChild(pong.element);

containerElement.appendChild(pong.element);