자바 스크립트를 통해 페이지의 모든 링크 스타일을 변경하려고합니다.자바 스크립트 : 페이지의 모든 링크 스타일을 변경하는 방법은 무엇입니까?
내가 노력이 두하지만 성공 : 내가 잘못
document.links.style.cursor = "wait";
document.getElementsByTagName(a).style.cursor = "wait";
을 뭐하는 거지? document.links
var allLinks = document.links || document.getElementsByTagName('a');
for(var n=0;n<allLinks ;n++)
document.allLinks [n].style.cursor = "wait";
정도로 document.links.style.cursor = "wait"가 [link1,link2].links.style.cursor = "wait" 같음 요소들의 어레이이다.
약 document.getElementsByTagName(a) : 구문이 잘못되어 따옴표를 잊어 버렸습니다. 그런 때마다 당신을
.wait-links a { cursor: wait; }
: 올바른은 document.getElementsByTagName("a")
var style = document.createElement("style");
document.head.appendChild(style);
try {
style.innerHTML = "a { cursor: wait; }";
}
catch (_ie) {
style.styleSheet.cssText = "a { cursor: wait; }";
}
, 사전로드 같은 정적 스타일 시트입니다 <body> (또는 원하는 컨테이너) 클래스에 "wait-links"클래스를 추가하면 <a> 태그가 모두 영향을받습니다. 아마도 개별적인 스타일을 변경하는 요소 (아마도)를 반복하는 것보다 훨씬 효율적일 것입니다.하지만 링크가 많지 않으면 아마 중요하지 않을 것입니다.
그런 것들을위한 스타일 시트를 사용하는 것이 제 생각에는 훨씬 더 나은 습관입니다. 이 경우 사실, 클래스 "대기 연결"을 호출하는 것이 아니라 실제로 발생하는 것을 설명하는 단어 나 단어를 사용하는 것이 좋습니다. 그런 다음 JavaScript 코드는 클래스를 추가 (또는 제거)하여 상황을 설정하고 스타일 시트는 모양 변경을 제어합니다. 경우에 따라 상황에 따라 링크가 색상 변경 또는 보이지 않는 것으로 결정되면 스타일 변경 사항을 찾기 위해 스크립트에서 근절 할 필요없이이를 수행 할 수 있습니다.