JavaScript를 사용하여 컨트롤을 숨길 수있는 두 가지 방법, 즉 컨트롤 스타일의 "디스플레이"및 "가시성"속성을 설정하여 두 가지가 있습니다.
Style.display = "block"또는 style.visibility = "Visible"일 때 컨트롤이 표시되지 않습니다. 차이점은 "디스플레이"는 제어를 숨길뿐만 아니라 숨겨진 제어가 더 이상 표시 될 때 점유 된 위치를 차지하지 않는다는 것입니다. "가시성"의 숨겨진 제어는 제어를 보이지 않게 설정하고 제어는 여전히 원래 위치를 차지합니다.
함수 displayHideUi () {var ui = document.getElementById ( "bbs"); ui.style.display = "none";} 함수 displayshowui () {var ui = document.getElementById ( "bbs"); ui.style.display = ""; // 비어있는 경우 잘 작동합니다. 블록은 후속 공간이 래핑되게합니다.} 함수 VisibilityHideUi () {var ui = document.getElementById ( "bbs"); ui.style.visibility = "hidden";} 함수 Visibility showui () {var ui = document.getElementById ( "bbs"); ui.style.visibility = "}};};가치 설명
없음이 요소는 표시되지 않습니다.
블록이 요소는 블록 레벨 요소로 표시되며 전후에 라인이 나오는 경우.
인라인 기본값. 이 요소는 요소 전후에 새로운 라인 문자가없는 인라인 요소로 표시됩니다.
인라인 블록 인라인 블록 요소. (CSS2.1에 새로운 가치)
목록 항목이 요소는 목록으로 표시됩니다.
런인이 요소는 컨텍스트에 따라 블록 레벨 요소 또는 인라인 요소로 표시됩니다.
소형 CSS에는 값 컴팩트가 있지만 광범위한 지원 부족으로 인해 CSS2.1에서 제거되었습니다.
마커 CSS에는 값 마커가 있지만 광범위한 지원 부족으로 인해 CSS2.1에서 제거되었습니다.
테이블이 요소는 블록 레벨 테이블 (<table>과 유사)으로 표시되며 테이블 전후에 선이 나옵니다.
인라인 테이블이 요소는 테이블 전후에 Newline 문자가없는 인라인 테이블 (<table>과 유사)으로 표시됩니다.
테이블 로우 그룹이 요소는 하나 이상의 행 그룹으로 표시됩니다 (<TBody>와 유사).
테이블 헤더 그룹이 요소는 하나 이상의 행 그룹으로 표시됩니다 (<head>와 유사).
테이블-발 그룹 그룹이 요소는 하나 이상의 행의 그룹화 (<tfoot>과 유사)로 표시됩니다.
테이블 열이 요소는 테이블 행 (<TR>과 유사)으로 표시됩니다.
Table-Column-Group이 요소는 하나 이상의 열의 그룹으로 표시됩니다 (<colgroup>과 유사).
테이블 컬럼이 요소는 셀 컬럼으로 표시됩니다 (<col>와 유사)
테이블 셀이 요소는 테이블 셀로 표시됩니다 (<TD> 및 <th>와 유사)
테이블 캡션이 요소는 테이블 제목으로 표시됩니다 (<caption>과 유사)
상속은 디스플레이 속성의 값이 상위 요소에서 상속되어야한다고 지정합니다.
오늘 해결 된 문제는 클래스 레이블을 제공하는 것입니다. jss 페이지에 정의 된 Error는 ID의 가시성을 제어하여 DIV를 닫을 때 JS 프롬프트 정보를 지우기 위해 ID의 가시성을 제어하는 것입니다. 세부 사항은 다음과 같습니다.
인터페이스를 준비하는 함수에서 var var label1 = document.getElementById ( "label1");
$ (document). reque (function () {$ ( ". flipp .span4"). click (function () {$ (this) .parent (). next (). toggle (); $ (this) .parent (). parent (). remall () document.getElementById ( "label1"); label1.style.display = "none";})그런 다음 JSP에 해당하는 장소를 추가하십시오.
<label id = "label1"for = "currentpwd"generated = "true"style = "display : inline"> </label>
CSS에 의해 정의 된 label.error 클래스의 경우 $ ( "label.error"). removeattr ( "Style"). attr ( "style", "display : none;"); 위의 기능을 구현합니다. 또한 지하에 해당 위치에서 레이블의 ID 값을 정의 할 필요가없는 것 같습니다.