HTML의 HTML DOM Ol 개체는 요소를 나타냅니다. 요소 생성 var olObject = document.createElement(“OL”) 여기서 olObject는 다음과 같은 속성을 가질 수 있습니다. - 속성 설명 반전됨 목록의 순서가 내림차순 또는 오름차순(기본값)인지 여부를 설정/반환합니다. 시작 순서된 목록의 시작 속성 값을 설정/반환합니다. 유형 순서된 목록의 유형 속성 값을 설정/반환합니다. Ol start 의 예를 살펴보겠습니다. 속성 -
HTML DOM Ol 반전 속성은 목록의 순서가 내림차순이어야 하는지 아니면 오름차순이어야 하는지를 설정/반환합니다(기본값). 다음은 구문입니다 - 부울 값 반환 - true/false olObject.reversed 반전 설정 부울 값으로 olObject.reversed = booleanValue 여기에서 booleanValue 다음과 같을 수 있습니다 - 부울 값 세부사항 참 내림차순으로 정렬되도록 정의합니다. 거짓 기본값인 오름차순으로 순서를 정의합니다. Ol 반전의 예를 살펴보겠습니
HTML DOM Ol 시작 속성은 정렬된 목록의 시작 속성 값을 설정/반환합니다. 다음은 구문입니다 - 숫자 값 반환 olObject.start 시작 설정 번호로 olObject.start = number Ol start의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Ol start</title> <style> form { wid
HTML DOM Ol 유형 속성은 정렬된 목록에 사용된 마커 유형에 해당하는 유형 속성 값을 설정/반환합니다. 다음은 구문입니다 - 반환 유형 속성 olObject.type 유형 설정 캐릭터에게 olObject.type = ‘1|a|A|i|I’ Ol 유형의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Ol type</title> <style>  
HTML DOM textContent 속성은 노드와 모든 자식 노드의 텍스트(공백 포함)에 해당하는 문자열을 반환/설정합니다. 다음은 구문입니다 - 문자열 값 반환 Node.textContent 여기서 반환 값은 다음과 같을 수 있습니다. - 문서 노드의 경우 Null 지정된 노드 및 모든 하위 노드의 텍스트 textContent를 문자열 값으로 설정 Node.textContent = string 참고:HTML DOM textContent 속성은 노드 및 자식 노드의 텍스트를 단일 텍스트 문자열로 설정합니다. HTML
HTML의 HTML DOM 탐색 개체는 를 나타냅니다. 요소. HTML DOM 탐색의 예를 살펴보겠습니다. 개체 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Nav</title> <style> * { padding: 2px; margin:5px; } form { &
HTML DOM nextElementSibling 속성은 지정된 요소 노드 바로 다음에 오는 요소 노드를 반환합니다. 참고:이 속성은 텍스트 및 주석 노드를 무시합니다. 다음은 구문입니다 - nextElementSibling 노드 반환 nodeList.nextElementSibling HTML DOM nextElementSibling 의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM nextElementSibli
HTML DOM nextSibling 속성은 지정된 요소 노드 바로 다음에 오는 요소 노드를 반환합니다. 참고:이 속성은 텍스트 및 주석 노드를 무시하지 않습니다. 다음은 구문입니다 - nextSibling 노드 반환 nodeList.nextSibling HTML DOM nextSibling의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM nextSibling</title> <style> &
HTML DOM nodeName 속성은 노드 이름에 해당하는 문자열을 반환합니다. 다음은 구문입니다 - 문자열 값 반환 Node.nodeName 여기서 반환 값은 다음과 같을 수 있습니다. - 요소 노드의 경우 대문자로 된 태그 이름 속성 노드의 속성 이름 댓글 노드를 위한 #comment 댓글 노드용 #document 텍스트 노드용 #text 참고:공백은 텍스트 노드로만 간주됩니다. HTML DOM nodeName 의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> &
HTML DOM nodeType 속성은 노드 유형에 해당하는 숫자를 반환합니다. 다음은 구문입니다 - 숫자 값 반환 Node.nodeType 여기서 반환 값은 다음과 같을 수 있습니다. - 요소 노드에 대한 숫자 1 속성 노드의 숫자 2 텍스트 노드의 경우 숫자 3 댓글 노드의 경우 숫자 8 참고:공백은 텍스트 노드로만 간주됩니다. HTML DOM nodeType의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML D
HTML DOM nodeValue 속성은 노드의 값에 해당하는 문자열을 반환/설정합니다. 다음은 구문입니다 - 문자열 값 반환 Node.nodeValue 여기서 반환 값은 다음과 같을 수 있습니다. - 문서 노드 및 요소 노드의 경우 null 값 속성 노드에 대한 속성의 값으로서의 값 텍스트 노드 및 주석 노드의 콘텐츠로서의 가치 nodeValue 설정 문자열 값으로 Node.nodeValue = string 참고:공백은 텍스트 노드로만 간주됩니다. HTML DOM nodeValue의 예를 살펴보겠습니다. 속성 - 예
HTML DOM normalize() 메서드는 빈 텍스트 노드를 제거하고 지정된 노드에서 인접한 텍스트 노드를 결합합니다. 다음은 구문입니다 - normalize() 호출 document.normalize() normalize() 의 예를 살펴보겠습니다. 방법 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM normalize()</title> <style> form {
HTML DOM 개체 데이터 속성은 속성 데이터의 값에 해당하는 문자열을 반환합니다. 다음은 구문입니다 - 문자열 값 반환 ObjectElement.data 데이터 속성을 문자열 값으로 설정 ObjectElement.data = URLString HTML DOM 개체 데이터의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Object data</title> <style> &nbs
HTML DOM 개체 양식 속성은 요소에 대한 둘러싸는 양식의 참조를 반환합니다. 다음은 구문입니다 - 양식 에 대한 참조 반환 개체 ObjectElement.form 객체 양식 속성의 예를 살펴보겠습니다. - 예시 <!DOCTYPE html> <html> <head> <title>HTML DOM Object form</title> <style> form { width:70%;
HTML의 HTML DOM 개체 개체는 를 나타냅니다. 요소. 요소 생성 var objectElement = document.createElement(“OBJECT”) 여기에서 objectElement 는 다음과 같은 속성을 가질 수 있습니다 - 속성 설명 데이터 Objectelement에서 사용 중인 리소스의 URL을 설정/반환합니다. 양식 객체 요소의 둘러싸는 형식에 대한 참조를 반환합니다. 높이 객체 요소의 높이를 설정/반환 이름 객체 요소의 이름을 설정/반
HTML DOM MouseEvent clientY 속성은 마우스 이벤트가 트리거된 경우 마우스 포인터의 수직(y) 좌표를 반환합니다. clientX와 함께 사용하여 수평 좌표도 가져옵니다. 다음은 구문입니다 - clientY 에 대한 참조 반환 개체 MouseEventObject.clientY MouseEvent clientY의 예를 살펴보겠습니다. 속성: 예시 <!DOCTYPE html> <html> <head> <title>MouseEvent clientY</title>
HTML DO MouseEvent offsetX 속성은 마우스 이벤트가 트리거된 경우 대상 요소에 상대적인 마우스 포인터의 수평(x) 좌표를 반환합니다. offsetY와 함께 사용하여 수직 좌표도 가져옵니다. 다음은 구문입니다 - offsetX 에 대한 참조 반환 개체 MouseEventObject.offsetX MouseEvent offsetX의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>MouseEvent offsetX&
HTML DOM MouseEvent offsetY 속성은 마우스 이벤트가 트리거된 경우 대상 요소에 상대적인 마우스 포인터의 수직(y) 좌표를 반환합니다. offsetX와 함께 사용하여 수평 좌표도 가져옵니다. 다음은 구문입니다 - offsetY 에 대한 참조 반환 개체 MouseEventObject.offsetY MouseEvent offsetY 의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>MouseEvent offse
HTML DOM MouseEvent pageX 속성은 마우스 이벤트가 트리거된 경우 문서를 기준으로 한 마우스 포인터의 수평(x) 좌표를 반환합니다. 세로 좌표도 가져오려면 pageY와 함께 사용하세요. 다음은 구문입니다 - pageX에 대한 참조 반환 개체 MouseEventObject.pageX MouseEvent pageX의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>MouseEvent pageX</title>
HTML DOM MouseEvent pageY 속성은 마우스 이벤트가 트리거된 경우 문서를 기준으로 마우스 포인터의 수직(y) 좌표를 반환합니다. pageX와 함께 사용하여 수평 좌표도 가져옵니다. 다음은 구문입니다 - pageY에 대한 참조 반환 개체 MouseEventObject.pageY MouseEvent pageY의 예를 살펴보겠습니다. 속성 - 예시 <!DOCTYPE html> <html> <head> <title>MouseEvent pageY</title> &l