그림의 SRC 속성을 변경하는 두 가지 방법이 있습니다.
1. setattribute 메소드는 "Level 1 dom"의 구성 요소이며, 요소 노드의 모든 속성을 설정할 수 있습니다.
2, 요소 .src = 소스; 이것은 "레벨 1 dom"이 나타나기 전의 방법이며, 지금도 효과적입니다.
"레벨 1 DOM"의 장점은 좋은 휴대 성입니다. 이러한 오래된 방법은 웹 문서에만 적용되는 반면 DOM은 모든 마크 업 언어에 적용됩니다.
이벤트 처리 기능
링크를 클릭 할 때 다른 창으로 이동하는 대신이 웹 페이지에 머무르고 싶습니다. 코드는 다음과 같습니다.
코드 사본은 다음과 같습니다.
<a href = "http://www.example.com"onclick = "showpic (this); return false;"> 클릭 </a>
이 링크를 클릭 할 때, OnClick 이벤트 핸들러 함수에 의해 트리거 된 JavaScript 코드에 의해 반환 된 값은 False 이므로이 링크의 기본 동작이 트리거되지 않습니다.
어린이 속성
Childnodes 속성은 모든 요소의 모든 자식 요소를 얻는 데 사용될 수 있습니다. ChildNodes 속성에 의해 반환 된 배열에는 요소 노드뿐만 아니라 모든 유형의 노드가 포함되어 있습니다. 실제로, 문서의 거의 모든 것이 노드이며, 공백과 라인 브레이크조차도 노드로 해석되며, 모두 Childnodes 속성에 의해 반환 된 배열에 포함되어 있습니다.
그러나 각 노드에는 NodeType 속성이 있습니다. NodeType 속성에는 12 개의 바람직한 값이 있지만 그 중 3 개만 유용한 값을 가지고 있습니다. 요소 노드의 NodeType 속성 값은 1이고, 속성 노드의 NodeType 속성 값은 2이고, 텍스트 노드의 NodeType 속성 값은 3입니다.
텍스트 노드의 값을 변경하려면 DOM에서 제공 한 Nodevalue 속성을 사용하십시오.
배열 요소 Childnodes [0]는보다 직관적이고 읽기 쉬운 동의어를 가지고 있으며, 이는 첫 번째 자식으로 쓸 수 있습니다. DOM은 또한 해당 LastChild 속성을 제공합니다.
예:
코드 사본은 다음과 같습니다.
<p id = "description"> 이미지를 선택하십시오 </p>
먼저 저장 할 변수를 만듭니다.
코드 사본은 다음과 같습니다.
var description = document.getElementById ( "description");
description.nodevalue의 반환 값은 null입니다. <p> 요소 자체의 nodevalue 속성은 널 값입니다. <p> 요소에 포함 된 텍스트의 값을 얻으려면 description.childnodes [0] .nodevalue 또는 description.firstchild.nodevalue를 사용해야합니다.