Javascript 如何在three.js应用程序中为画布分配id

我在three.js中创建了一个render对象，并将其与DomElment连接，如下所示

var renderer = new THREE.WebGLRenderer({
            antialias: true
        });
renderer.setClearColor( 0xAAAAAA, 1 );
renderer.setSize(window.innerWidth, window.innerHeight);
document.getElementById('webgl-container').appendChild(renderer.domElement);

现在three.js会自动在webgl容器div中创建画布，但现在我想给画布一个id，我该怎么做呢

renderer.domElement.id = 'YourIDName';