>웹 프론트엔드 >JS 튜토리얼 >JS 수정된 요소 표시 속성 예제 코드

JS 수정된 요소 표시 속성 예제 코드

小云云
小云云원래의
2018-03-12 16:05:423841검색

JS를 사용하여 요소의 표시 속성을 제어하여 표시하거나 숨기려면 인터라인 스타일에 표시 속성을 적용해야 합니다. 이 기사에서는 주로 표시 속성을 수정하는 JS의 예제 코드를 공유합니다. 요소입니다. 도움이 되길 바랍니다.

그리고

 <p id="drop-box" style="display:none">
在JS文件中,
        var dropBox = document.getElementById("drop-box");
        //设置元素显示
        function showBox(){        dropBox.style.display = "block";
        }
        //设置元素隐藏
        function hideBox(){        dropBox.style.display = "none";        }

인 ID 선택기

를 사용하세요. 관련 권장 사항:

CSS3의 표시 속성의 Flex 레이아웃 방법

js 컨트롤을 숨기는 방법 및 디스플레이 속성_javascript 기술 소개

jquery 컨트롤 표시 속성을 none 또는 block_jquery

로 설정하세요.

위 내용은 JS 수정된 요소 표시 속성 예제 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.