홈>2020-02-01 01:33

javascript - 수신 오류 메시지 - element id에 focus ()를 호출하려고 할 때"uncaught typeerror : null의 속성 'focus'을 읽을 수 없습니다 "

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();
})