이 기사는 유효하지 않은 스타일에 대한 해결책을 설명합니다. 참조를 위해 공유하십시오. 특정 솔루션은 다음과 같습니다.
1. 문제 설명 :
JS에서는 때때로 DIV를 동적으로 제어하여 표시하거나 숨기거나 더 많은 작업을 수행하려고하지만 스타일이 있으면 효과가 없습니다.
다음 코드를보십시오.
다음과 같이 코드를 복사하십시오. <tyle>
#이름
{
디스플레이 : 없음;
}
</스타일>
</head>
<body>
<div id = "name">
제 이름은 미소입니다.
</div>
</body>
</html>
<cript>
Window.onload = function () {
document.getElementById ( 'name'). style.display = "";
경고 ( "테스트");
}
</스크립트>
CSS는 ID 이름을 가진 div를 숨겨진 것으로 정의하고 페이지가로드되면 JS를 사용하여 ID 표시를 제어합니다. 이것을 쓰는 데 오류가 있습니까?
실수가 있습니까? 그러나 왜 인터페이스가 여전히 비어 있는가?
2. 해결책 :
xxx.style.display = "block"의 또 다른 사용법이 있다는 것을 기억하십시오.
아아, 그것은 실제로 보여 주었다! ! !
그런 다음 style.display = "" "및 style.display ="block "의 차이점을 확인해 봅시다.
실제로이 두 가지의 가장 큰 차이점은 블록이 블록으로 표시되므로 라인이 나눌 수 있다는 것입니다. 그러한 차이 만 있으므로이 예에서는 왜 하나가 표시 될 수 있습니까? 걱정하다.
좋아, 먼저이 문제로 가자. 현재 문제에서 어떻게 해결하는지 봅시다. style.display = "block"을 사용하여 해결하는 것 외에도 다른 방법이 있습니다.
다음과 같이 코드를 복사하십시오. <div id = "name"style = "display : none">
제 이름은 미소입니다.
</div>
<cript>
document.getElementById ( 'name'). style.display = "";
</스크립트>
ID 이름이있는 스타일을 사용하여 태그에 빌드하여 표시되는지에 관계없이 정상적으로 표시 될 수 있습니다 = "" "또는 표시된 ="블록 "!
이 기사의 설명이 JavaScript를 기반으로 한 모든 사람의 웹 프로그래밍에 도움이되기를 바랍니다.