js元素width

69 阅读1分钟
useEffect(() => {
  byteLength()
}, [])
const [distance, setDistance] = useState(0);
const recentSearchListLimit= recentSearchList&&recentSearchList.slice(0,10)
const byteLength =()=> {
  let listLen = 0
  for(let i=0;i<recentSearchListLimit.length;i++){
    const list = document.getElementById(`recentSearchList_${i}`).offsetWidth + 28 + 16
    listLen += list
  }
  const ulWidth = document.getElementById('ulWidth').offsetWidth
  const distance = listLen-ulWidth
  setDistance(distance)
  console.log('distance',distance)
  return distance;
}