>

DOM에 ID를 첨부 한 요소가 있습니다. 페이지로드 후 해당 요소에 초점을 맞추고 CSS 스타일 (테두리 : 노랑)로 설정하여 현재 초점이 맞춰져 있음을 강조하고 싶습니다. 이것이 내가 가진 것입니다 :

//main.html
  <myElement id= 'myEl'>
//main.js
window.setTimeout(function ()  { 
        document.getElementById('#myEl').focus(); 
    }, 0);

페이지를 새로 고치면 다음 오류가 발생합니다.

와이즈 비즈

Uncaught TypeError: Cannot read property 'focus' of null

  • 답변 # 1

    자바 스크립트가 id='#myEl' 가있는 요소를 찾을 수 없기 때문에 여분의 # 를 제거하십시오  :

    document.getElementById('#myEl').focus(); 
    _________________________^
    
    

    대신 jquery selector를 사용하십시오 :

    $('#myEl').focus();
    
    

    이것이 도움이되기를 바랍니다.

  • 답변 # 2

    런타임에서 컴포넌트 ID가 변경되므로 ID 대신 클래스를 사용하십시오.

    $(".ClassName").focus();
    
    

  • 답변 # 3

    참조를위한 작업 코드 아래

    템플릿 코드

    <div class="css-description">description</div>
    
    

    스크립트 코드

    this.$nextTick(() => {
       $(".css-description").focus();
    })
    
    

관련 자료

  • 이전 github - 현재 지점의 팁이 원격 상대방 뒤에 있습니다
  • 다음 windows - Vagrant up 명령은 % PATH % 오류에서 찾을 수없는 실행 파일을 제공합니다