GetAttribute
이 방법은 요소의 속성을 얻는 데 사용되며 호출 방법은 다음과 같습니다.
코드 사본은 다음과 같습니다.
Object.getAttribute (속성)
이전에 소개 된 일부 방법과는 달리 GetAttribute 메소드는 문서 개체에 속하지 않으므로 문서 개체를 통해 호출 할 수 없습니다. 요소 노드 객체를 통해서만 호출 할 수 있습니다.
이 메소드는 하나의 매개 변수 만 허용하며 쿼리로의 속성 이름을 지정합니다. 지정된 속성이 설정되지 않으면 결과는 널 객체를 반환합니다.
셋팅
위의 반대는 setattribute이며, 이는 요소 노드의 속성을 설정하는 데 사용됩니다. 통화 방법은 다음과 같습니다.
코드 사본은 다음과 같습니다.
Object.setAttribute (속성)
이 메소드는 하나의 매개 변수, 즉 설정하려는 속성 만 허용합니다.
확장 된 독서
stattribute를 통해 문서를 수정 한 후 브라우저의 뷰 소스 옵션을 통해 문서의 소스 코드를 볼 때 여전히 이전 값이됩니다. 즉, setattribute의 수정은 문서 자체의 소스 코드에 반영되지 않습니다. 이 "내부 및 외부"의이 현상은 DOM의 작업 모드에서 비롯됩니다. 먼저 문서의 정적 내용을로드하고 동적으로 새로 고치고 동적으로 새로 고침이 문서의 정적 내용에 영향을 미치지 않습니다. 이것은 DOM의 진정한 힘입니다. 브라우저의 페이지를 새로 고치지 않고 페이지 컨텐츠를 새로 고침합니다.
위의 두 가지 방법은 DOM 레벨 1의 새로 추가 된 API에 속합니다. 나타나기 전에 다음과 같은 다른 방법을 통해 구현할 수 있습니다.
속성 가져 오기 :
코드 사본은 다음과 같습니다.
var val = element.attribute // 속성을 얻습니다
위의는 동일합니다
코드 사본은 다음과 같습니다.
var val = element.getAttribute ( '속성');
속성 설정 :
코드 사본은 다음과 같습니다.
요소 attribute = "새로운 값";
그것은 동일합니다
코드 사본은 다음과 같습니다.
요소 .setAttribute ( "속성", "새 값");
게으르고 키보드를 적게 입력하려면 위의 방법이 권장되지만 모범 사례는 여전히 DOM 표준, 즉 stattribute 및 GetAttribute를 사용해야합니다.
위는이 기사의 전체 내용입니다. 그것을 필요로하는 친구들이 와서 배웁니다. 나는 당신이 그것을 좋아할 수 있기를 바랍니다.