DOM 로딩 후 함수 실행 (didRender, didInsertElement, decorateCooked 동작 안 함)

개발
1

안녕하세요. 주제 표시 페이지에서 div를 평가하려고 합니다. 이를 위해 주제 표시 페이지의 DOM 로딩이 완료된 후 함수를 실행해야 합니다.

일반적인 JavaScript에서는 이를 위해 "window.onload = function()…"을 사용하겠죠. 하지만 사이트 내에서 해당 주제로 이동할 때 이 onload 함수가 작동하지 않는 것 같습니다.

DOM이 완전히 로드된 후 함수를 실행하는 방법은 무엇일까요?

다음과 같은 방법을 시도해 보았지만, 모두 작동하지 않습니다:

withPluginApi("0.11.1", api => {
    api.modifyClass('component:topic-title', {
          didRender: function(){  // "didInsertElement"도 시도해 보았습니다
                  //함수 실행--여전히 모든 div가 로드되기 전에 실행됩니다
           } 
      }), 
     api.decorateCookedElement(function() {
           //함수 실행--여전히 모든 div가 로드되기 전에 실행됩니다.
    })
})
2

컴포넌트 이벤트로 처리해야 한다고 생각합니다. 왜 그렇게 신경 쓰시나요? 마치 트리 깊숙한 곳에 있는 컴포넌트, 즉 ‘잎’ 하나를 선택하는 것처럼요.

"Dom fully loaded"는 모든 것이 동적인 싱글 페이지 애플리케이션(SPA)에서는 그다지 의미가 없습니다.

요약하면, 이미 올바른 방향으로 가고 있는 것 같습니다. 이것이 어떤 문제를 일으키고 있나요? 모든 div를 로드해야 하는 이유는 무엇인가요?

"evaluate a div"가 정확히 무엇을 의미하시나요? 현재 하고 계신 일을 다른 방식으로 처리할 수도 있습니다.

3

div의 텍스트를 변경하거나, 경우에 따라 뷰에서 제거하고 싶습니다.

선택한 컴포넌트에 대한 좋은 지적이네요. 제가 선택한 컴포넌트가 일부 div보다 먼저 로드되기 때문에 문제가 생기는 것일 수 있고, 나중에 로드되는 컴포넌트를 시도해 볼 수 있겠네요. 감사합니다.