我使用document.getElementById('myid').clientWidth（.clientHeight表示高度）来获取div元素的宽度和高度，以设置容器变量的宽度和高度，我希望我的Webgl图形完成。
将值添加到标签以进行测试我能够获得元素宽度和高度的正确值，然后将这些值添加到宽度和高度，我能够使一切正常工作。
当我直接将语句document.getElementById('myid').clientWidth添加到width变量时出现问题。当我这样做时，我得到了错误的结果。有什么帮助吗？
以下是一些代码：
var clientWidth = document.getElementById('webgl').clientWidth;
var clientHeight = document.getElementById('webgl').clientHeight;
var container = document.getElementById('webgl');
var width = clientWidth, height =clientHeight;
var renderer = new THREE.WebGLRenderer({alpha: (option.bgcolor === undefined)});
renderer.setSize(width, height);
renderer.setClearColor(option.bgcolor || 0, (option.bgcolor === undefined) ? 0 : 1);
// camera and controls
var camera = new THREE.PerspectiveCamera(45, width / height, 0.1, 1000);
camera.position.set(0, 0, 50);