홈>
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
- 답변 # 2
런타임에서 컴포넌트 ID가 변경되므로 ID 대신 클래스를 사용하십시오.
$(".ClassName").focus();
- 답변 # 3
참조를위한 작업 코드 아래
템플릿 코드
<div class="css-description">description</div>
스크립트 코드
this.$nextTick(() => { $(".css-description").focus(); })
관련 자료
- jquery - 잡히지 않은 typeerror - 스팬 텍스트가 비어있는 경우 정의되지 않은 'innerhtml'속성을 읽을 수 없습니다
- angular - ionic 4 + angular7 - error error : uncaught (약속) : typeerror : 정의되지 않은 'then'속성을 읽을 수 없습니다
- javascript - 오류 - : uncaught (약속) typeerror : 정의되지 않은 속성"content"를 읽을 수 없습니다
- javascript - "uncaught (in promise) typeerror - cannot read property 'appendchild'of null" 내 코드 에서이 오류가 발생했습니다
- javascript - leaflet uncaught typeerror - undefined의 'length'속성을 읽을 수 없으며 markerclusters가 정의되지 않았습니다
- javascript - 포착되지 않은 typeerror - 정의되지 않은 'openpopup'속성을 읽을 수 없습니다
- 포착되지 않은 typeerror - reactjs 애플리케이션에서 정의되지 않은 'map'속성을 읽을 수 없습니다
- javascript - 44 uncaught typeerror : cannot read property 'type'of undefined;at getanswer ((index) : 44);at htmlbuttonelementonc
- javascript - 포착되지 않은 typeerror - 정의되지 않은 'setcrossorigin'속성을 읽을 수 없습니다
- javascript - 잡히지 않은 typeerror - js 파일에서 정의되지 않은 오류의 'addeventlistener'속성을 읽을 수 없습니다
- javascript - 모달 및 js 오류 - 오류 발견되지 않은 typeerror : null의 'classlist'속성을 읽을 수 없습니다
- jqueryminjs - 2 uncaught typeerror : cannot read property 'replace'of undefined (javascript) (laravel)
- javascript - 잡히지 않은 typeerror - 페이지가로드 된 후 속성 '값'을 null로 설정할 수 없습니다
- javascript - 오류 - 잡히지 않은 typeerror : null의 'style'속성을 읽을 수 없습니다
- javascript - 잡히지 않은 typeerror - 캐 러셀에 대해 정의되지 않은 '스타일'속성을 읽을 수 없습니다
- javascript - 포착되지 않은 typeerror - 정의되지 않은 'fontfamily'속성을 설정할 수 없습니다
- javascript - 잡히지 않은 (약속) typeerror - null의 'textcontent'속성을 설정할 수 없습니다
- html - 잡히지 않은 typeerror - null의 'style'속성을 읽을 수 없습니다 동일한 페이지에서 두 개의 javascript 함수 사용
- javascript - 잡히지 않은 typeerror - 함수에서 정의되지 않은 'then'속성을 읽을 수 없습니다
- javascript - x-editable yii2 - uncaught typeerror : null의 'substr'속성을 읽을 수 없습니다
관련 질문
- javascript : 브라우저에서 페이지 로드 시 오디오 자동 재생
- javascript : jQuery 인라인을 어떻게 사용합니까?
- javascript : [복제] 클릭 시 버튼 색상 전환
- javascript : 버튼 클릭으로 커서를 변경하는 방법
- javascript : TypeError: data.forEach는 함수가 아닙니다.
- javascript : .click 토글 기능을 어떻게 재설정합니까?
- javascript : HTML 전화번호 유효성 검사
- javascript : jquery를 사용하여 카테고리에 따라 관련 없는 div를 페이드 아웃하는 메뉴
- javascript : html, css, js로 onclick 이벤트를 어떻게 할 수 있습니까?
- javascript : codepen.io 프로필 이미지 업로드 JQuery가 작동하지 않음
자바 스크립트가
id='#myEl'
가있는 요소를 찾을 수 없기 때문에 여분의#
를 제거하십시오 :대신 jquery selector를 사용하십시오 :
이것이 도움이되기를 바랍니다.