JavaScript는 attribute_javascript 팁을 가져오고 설정하는 메소드를 설정합니다.

getAttribute

이 메서드는 요소의 속성을 가져오는 데 사용됩니다. 호출 메서드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

object.getAttribute(속성)

이전 소개한 일부 메소드와 달리 getAttribute 메소드는 문서 객체에 속하지 않으므로 문서 객체를 통해 호출할 수 없습니다. 요소 노드 개체를 통해서만 호출할 수 있습니다.

이 방법은 하나의 매개변수만 허용하며, 쿼리할 속성의 이름을 지정합니다. 지정된 속성이 설정되지 않은 경우 결과는 null 개체가 됩니다.

setAttribute

위의 반대는 요소 노드의 속성을 설정하는 데 사용되는 setAttribute입니다. 호출 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

object.setAttribute(속성)

이 방법은 설정하려는 속성인 하나의 매개변수만 허용합니다.

확장 독서

setAttribute를 통해 문서를 수정한 후 브라우저의 소스 보기 옵션을 통해 문서의 소스 코드를 보면 변경 전의 값이 그대로 표시됩니다. 즉, setAttribute를 사용하면 수정 내용이 소스에 반영되지 않습니다. 문서 자체의 코드. 이러한 "외관과 내부의 불일치" 현상은 DOM의 작업 모드에서 발생합니다. 즉, 문서의 정적 콘텐츠가 먼저 로드된 다음 동적으로 새로 고쳐집니다. 동적 새로 고침은 문서의 정적 콘텐츠에 영향을 주지 않습니다. 이것이 DOM의 진정한 힘입니다. 즉, 브라우저에서 페이지를 새로 고치지 않고 페이지 콘텐츠를 새로 고치는 것입니다.

위 두 메소드는 DOM Level 1의 새로운 API입니다. 등장하기 전에는 다음과 같은 다른 메소드를 통해 구현할 수 있습니다

속성 가져오기:

코드 복사 코드는 다음과 같습니다.

var val = element.attribute //속성 가져오기

위 내용은

과 동일합니다.

코드 복사 코드는 다음과 같습니다.

var val = element.getAttribute('attribute')

속성 설정:

코드 복사 코드는 다음과 같습니다.

element.attribute = "새 값";

과 동일합니다.

코드 복사 코드는 다음과 같습니다.

element.setAttribute("속성", "새 값")

게으르고 키보드 입력을 줄이려면 위의 방법을 권장하지만 가장 좋은 방법은 DOM 표준을 준수하는 것, 즉 setAttribute 및 getAttribute를 사용하는 것입니다.

위 내용은 이 글의 전체 내용입니다. 필요하신 분들은 꼭 배워보시길 바랍니다.