JavaScript中的clientWidth是一个常用的属性，它可以获取一个元素的可视宽度，即元素在浏览器中可见的宽度，不包括边框和滚动条。

举个例子，如果现在有一个div元素：

<div id="example"></div>

那么要获取它的可视宽度，可以使用如下代码：

const example = document.getElementById('example');
const width = example.clientWidth;
console.log(width); // 输出example元素的可视宽度

需要注意的是，clientWidth返回的值是一个整数，表示像素值。

clientWidth的值会受到浏览器窗口大小的影响，在页面缩放或者浏览器窗口大小改变的时候，clientWidth的值也会相应的改变。

此外，clientWidth返回的值并不包括边框和滚动条，如果需要获取包括边框的宽度，可以使用offsetWidth属性。

举个例子，如果现在有一个有边框的div元素：

<div id="example" style="border: 2px solid black;"></div>

想要获取它的宽度，可以使用如下代码：

const example = document.getElementById('example');
const width = example.offsetWidth;
console.log(width); // 输出example元素的宽度，包括边框

当然，如果想要获取不仅包括边框，还包括滚动条的宽度，可以使用scrollWidth属性。

举个例子，如果现在有一个带有滚动条的div元素：

<div id="example" style="overflow: scroll;"></div>

要获取它的宽度，可以使用如下代码：

const example = document.getElementById('example');
const width = example.scrollWidth;
console.log(width); // 输出example元素的宽度，包括边框和滚动条

在实际开发中，使用clientWidth属性可以方便地获取元素的可视宽度，将其与其他属性结合使用可以更加精准地操作元素，提升用户体验。