DOM 속성과 요소 속성 구별

img 태그:

보통 개발자들은 id, src, alt 등을 이 요소의 "속성"이라고 부르는 데 익숙합니다. 우리는 이것을 "요소 속성"이라고 부릅니다. 그러나 DOM 개체로 구문 분석할 때 실제 브라우저는 결국 태그 요소를 "DOM 개체"로 구문 분석하고 해당 요소의 "요소 속성"을 "DOM 속성"으로 저장합니다.

요소의 src를 상대 경로로 설정하더라도:

images/image.1.jpg

, "DOM 속성"에서는 절대 경로로 변환됩니다:

http: //localhost/images/ image.1.jpg

일부 "요소 속성"과 "DOM 속성"도 이름이 다릅니다. 예를 들어 위의 요소 속성 클래스는 DOM 속성으로 변환된 후 className에 해당합니다.

Javascript에서는 "DOM 속성"을 직접 가져오거나 설정할 수 있습니다.

img1.className = "classB";

대신 DOM 속성 "className"을 사용하세요.

JQuery에는 "DOM 속성"을 래핑하는 함수가 없습니다. 왜냐하면 "DOM 속성"을 얻고 설정하는 데 javascript가 사용되기 때문입니다. jQuery는 jQuery 패키징 세트를 탐색하기 위한 Each() 함수를 제공합니다. DOM 개체이므로 이를 기본 자바스크립트로 적용하여 요소의 DOM 속성을 조작할 수 있습니다.

   $("img").each(function(index) {    
      alert("index:" + index + ", id:" + this.id + ", alt:" + this.alt);    
     this.alt = "changed";    
        alert("index:" + index + ", id:" + this.id + ", alt:" + this.alt);    
     });

다음은 각 함수에 대한 설명입니다.

each( callback ) 반환: jQuery 패키징 세트

실행 패키징 세트의 각 요소에 대한 콜백 메소드는 0부터 시작하는 현재 순회 색인 값을 나타내는 매개변수를 허용합니다.

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <body> <p id="intro">Hello World!</p> <script> x=document.getElementById("intro"); document.write(x.firstChild.nodeValue); </script> </body> </html>

제출하다 코드 재설정

자동운전