Copy
<script>
window.onload = function() {
document.getElementById('hide').style.display = 'none';
}
</script>안녕하세요, 위 코드를 활용해서 특정 페이지에서만 css를 다르게 적용하려고하는데, .css()를 넣으니 잘 작동하지 않습니다. absolute top 60인 요소를 top 0으로 만든다고 쳤을때,
Copy
<script>
window.onload = function() {
document.getElementById('(아이디)').css({
'top : 0 !important;'
})
}
</script>이렇게 하는게 아닌걸까요?
답변 5개 / 댓글 10개
채택된 답변
+20 포인트
css에서 position: absolute;는 relative로 되어야 합니다.
Copy
<script>
window.onload = function() {
var element = document.getElementById('idid');
element.style.setProperty('top', '0px', 'important');
}
</script>답변에 대한 댓글 4개
ZDS님 JavaScript에 사용하여 CSS 속성을 변경할 때는 스타일 객체를 사용해야합니다.
즉 .css() 메서드는 jQuery에서 사용되는 메서드이므로 스크립트 에서는 사용할 수 없어요.
document.getElementById('(아이디)') 를 $("#아이디") 로 바꿔보세요.
Copy
<script>
$(function() {
$('#아이디').css('top', '0 !important');
});
</script>답변에 대한 댓글 4개
height로 높이를 조정한게 아니여서... window.onload를 사용하는 방식으로 가르쳐주시면 감사하겠습니다 ㅠㅠ
변경원하는 부분 css입니다...
[code]
position: absolute;
top: 60px; << 여기를 0으로 바꾸고자합니다
right: 0;
height: 40px;
line-height: 40px;
text-align: right;
color: #666666;
font-size: 12px;
[/code]
변경원하는 부분 css입니다...
[code]
position: absolute;
top: 60px; << 여기를 0으로 바꾸고자합니다
right: 0;
height: 40px;
line-height: 40px;
text-align: right;
color: #666666;
font-size: 12px;
[/code]
답변을 작성하려면 로그인이 필요합니다.
작동은 잘 되고있으나 여전히 그.. 잔상처럼 원래 top 60한게 그 위치에 남아있습니다 ㅠ
그래서 top 0 된 요소와 top 60인 요소 2개가 있는 것처럼 보입니다.. (top 0로 된 요소는 개발자 콘솔로도 안집힙니다. 위에 사진 보신거 참고해주시면 감사하겠습니다..)