测试

code/VideoAccess-VCMP/web/client/src/components/textScroll.jsx

@@ -13,9 +13,9 @@ function TextScroll (props) {
       if (content.length) {
          if (roll) {
             let contentParent = document.getElementById("marquee_box" + videoObjId)
-            document.getElementById('contentPMakeUp' + videoObjId).style.width = contentParent.clientWidth + 'px'
+            document.getElementById('contentPMakeUp' + videoObjId)?.style.width = contentParent?.clientWidth + 'px'
             const contentP = document.getElementById('contentP' + videoObjId)
-            contentP.style.visibility = 'visible'
+            contentP?.style.visibility = 'visible'
             setShowContent(content[0])
             window.cancelAnimationFrame(cancel.current)
             contentParent.scrollLeft = 0
@@ -27,7 +27,7 @@ function TextScroll (props) {
             let refreshTime = moment()
             const scroll = () => {
                let contentParent = document.getElementById("marquee_box" + videoObjId)
-               document.getElementById('contentPMakeUp' + videoObjId).style.width = contentParent.clientWidth + 'px'
+               document.getElementById('contentPMakeUp' + videoObjId)?.style.width = contentParent?.clientWidth + 'px'
                //初始化
                // if(!showContent&&!initialization.current){
                if (!initialization.current) {
@@ -35,7 +35,7 @@ function TextScroll (props) {
                   contentParent.scrollLeft = 0
                   setShowContent(content[showIndex.current])
                   showIndex.current = (showIndex.current + 1) % content.length
-                  contentP.style.visibility = 'visible'
+                  contentP?.style.visibility = 'visible'
                   initialization.current = true
                }
                // 控制频率
@@ -43,19 +43,19 @@ function TextScroll (props) {
                   const contentP = document.getElementById('contentP' + videoObjId)
                   // 静态等待时间
                   if (moment().diff(repeatTime) > 1000 * 1.5) {
-                     contentP.style.visibility = 'visible'
+                     contentP?.style.visibility = 'visible'
                   }
                   // 滚动
                   if (moment().diff(repeatTime) > 1000 * 3) {
                      contentParent.scrollLeft = contentParent.scrollLeft + 1
                   }
                   // 滚完 重置
-                  if (contentParent.scrollLeft >= contentP.clientWidth + 24) {
+                  if (contentParent.scrollLeft >= contentP?.clientWidth + 24) {
                      contentParent.scrollLeft = 0
                      repeatTime = moment()
                      setShowContent(content[showIndex.current])
                      showIndex.current = (showIndex.current + 1) % content.length
-                     contentP.style.visibility = 'hidden'
+                     contentP?.style.visibility = 'hidden'
                   }
                   refreshTime = moment()
                }