설정 초점 내가 자동으로 각도의 UI 그리드 필터 내에서 입력 컨트롤에 포커스를 설정하고 싶습니다 없음 이름이나 ID

Question

으로 제어하는 이름 또는 ID. 이 같은 HTML이 모습입니다 :이 속성을 추가하려고

<div class="gridFullThin" ui-grid="gridApps" ui-grid-selection ui-grid-resize-columns></div> 

하지만 도움이되지 않았다 :

IE에서

autofocus="autofocus" 

의 F12 도구 DOM Explorer 내, 내가 볼 수있는 입력은 다음과 같습니다.

<input class="ui-grid-filter-input ui-grid-filter-input-0 ng-touched" aria-label="Filter for column" type="text" placeholder="" ng-attr-placeholder="{{colFilter.placeholder || ''}}" ng-model="colFilter.term"> 

ID가 없습니다. 자동으로 초점을 맞출 수있는 방법이 있습니까?

** 수정 ** -이 (파란색으로 강조 입력 요소) F12와 같이 생성 된 HTML이다 :

Answer 1

가 자신을 추가 할 수있는 마크 업을 편집 할 수 없습니다 당신 가정은 ID를 사용하여 클래스를 대상으로하거나 입력을 ID가있는 상위 항목의 하위 항목으로 지정할 수 있습니다.

채팅에서 논의 정답 :

var elements = document.querySelector('.modal .ui-grid-header-cell .ui-grid-filter-input-0'); 
elements.focus(); 

Answer 2

이 당신의 HTML 마크 업의 첫 번째 입력 요소 인 경우에, 당신은이 작업을 수행 할 수 있습니다 :

document.forms[0].elements[0].focus(); 

을, 그렇지 않으면, 당신이있는 경우 이 입력 전에 오는 숨겨진 요소가 있으면 양식 요소를 반복하여 숨겨진 첫 번째 요소를 찾아야합니다.