라벨 숨기기

개요



일반적으로 필드를 정의하면 입력 필드 위에 레이블 (아래 예에서는 "Field 1")이 표시됩니다. 이 라벨을 UI 페이지에서 숨깁니다.


주의:
1. 이 절차는 DOM 조작을 수행합니다. XSS의 위험이 있으므로 ServiceNow는 DOM 작업을 권장하지 않습니다.
2. DOM 조작은 UI 페이지에서는 유효하지만 서비스 포털에서는 오류가 발생합니다.

절차


  • 필드를 정의하고 "Try It"로 페이지를 표시합니다.
  • 입력 필드를 마우스 오른쪽 버튼으로 클릭하고 요소 조사를 선택 (Firefox의 경우)
  • 페이지 아래에 HTML 소스 코드가 표시됩니다. 입력 필드의 코드가 강조 표시됩니다. 해당 필드 위의 id가 "label"로 시작하는 div를 찾습니다.
  • "label"로 시작하는 div를 마우스 오른쪽 버튼으로 클릭하고 "Copy"- "XPath"를 선택하여 내용을 텍스트 편집기에 붙입니다.
  • 새 onLoad 클라이언트 스크립트를 작성합니다.
  • "Isolate script"의 체크를 해제해, 다음의 스크립트를 추가한다. document.getElementById ()의 내용은 위에서 얻은 내용을 붙이고 ID 이외의 부분은 삭제합니다.

  • 페이지를 다시 표시하여 레이블로 표시되는지 확인합니다.

  • 편리한 기능:
    「document.getElementById」대신에 「gel」로 생략하는 것이 가능.
    function onLoad() {
    document.getElementById("label_IO:9e7fa2bc2fb8e0103c515e972799b6d5").style.display = "none";
    }

    이상

    좋은 웹페이지 즐겨찾기