JavaScript 지식 요약: 문서 개체 모델

권장(무료): JavaScript(동영상)

문서 객체 모델

문서 객체의 공통 속성

• document.bgColor : 페이지 배경색
• 문서. fgColor : 텍스트의 전경색
• document.title: 페이지 제목

	
	<h1>对象常用属性</h1>
	<script>
		document.title="对象常用属性";
		document.bgColor="blue";
		document.fgColor="white";
	</script>
	
	

Document 객체는 HTML 요소를 찾습니다

• document.getElementById(): id
• document를 기반으로 지정된 html 페이지 요소를 찾습니다. .getElementsByTagName() : 지정된 태그 이름을 가진 모든 html 페이지 요소
• document.getElementsByName(): 지정된 이름을 가진 모든 html 페이지 요소
• document.getElementsByClassName(): 클래스 이름을 기반으로 지정된 html 페이지 요소를 찾습니다

	
	<h1>对象常用属性</h1>
	<script>
		var x=document.getElementById("top");
		document.write(x.innerText)
	</script>
	
	

문서 개체 변경 HTML

• document.getElementById().innerHTML=새 요소
• document.getElementById().innerText=새 콘텐츠
• document.getElementById().style.property=새 스타일
• document.getElementById().attributes =새 속성

	<p>
		</p><h1></h1>
	
	<input>
	<script>
		function aa(){
			var obj=document.getElementById("top").innerText="我是新内容"
				}
	</script>	
	

DOM 노드 작업

• document.getElementById().parentNode: 현재 노드의 상위 노드
• document.getElementById().childNodes: 모두 현재 노드의 노드
• document.getElementById( ).firstChild: 현재 노드의 첫 번째 노드
• document.getElementById().lastChild: 현재 노드의 마지막 노드
• document.getElementById().previousSibling: the 현재 노드의 이전 형제 노드
• document.getElementById( ).nextSibling: 현재 노드의 다음 형제 노드
• document.createElement(): 새 노드 추가
• document.appendChild(): 노드 이동
• document.removeChild(): 노드 제거

Data object

• var a=new Date(): 현재 이벤트
• a.getDate(): 해당 월의 날짜
• a.getDay (): 각 요일
• a.getFullYear(): 4자리 반환 연도
• a.getHours(): 시간 반환
• a.getMilliseconds(): 밀리초 반환
• a.getMinutes(): 분 반환
• a.getMonth(): 월 반환
• a.getSeconds(): 분기 초
• a.getTime(): 1970년 1월 1일부터 현재까지 밀리초 수를 반환

Math 객체

• Math.abs(number): 숫자의 절대값을 반환합니다.
• Math .ceil(number): 숫자를 위로 반올림합니다. 예를 들어 Math.ceil(67.6)의 반환 값은 68
• Math.floor입니다. (number): 숫자를 아래로 반올림합니다. 예를 들어 Math.floor(67.6)의 반환 값은 67입니다.
• Math.max(number1,number2): number1과 number2 중 더 큰 값을 반환합니다.
• Math.min(number1 ,number2): number1과 number2 사이에서 더 작은 값을 반환합니다.
• Math.pow(x,y): x
• Math.random()의 y 거듭제곱을 반환합니다.: 0과 1 사이의 의사 난수를 반환합니다. 0이지만 항상 1보다 작습니다. [0,1)
• Math.roundd(number): number
• Math.sqrt(number): number

String에 가장 가까운 정수를 반환합니다. object

create array method

• var arr=[1,2,3,"happy "];
• var arr=new Array(); 배열의 초기 요소는 0
• var입니다. arr=new Array(4); 배열의 초기 요소는 4
• var arr=new Array(1,2,3)입니다. 요소 지정을 사용하여 배열을 초기화하세요

객체 만들기

var 对象名=new 类名（实参1，实参2，实参n）

클래스 정의

function 类名（参数1，参数2...）{
	this.属性=参数1；	this.属性=参数2；	...
	this.方法名=function（）{
		//方法体
	}}

객체에 일반적으로 사용되는 명령문

• with: 객체의 속성을 반복하고, 코드를 단축할 수 있습니다.
• ...in: 오른쪽 객체의 모든 속성을 반복합니다. 객체 속성의 개수를 미리 알 필요가 없습니다

프로그래밍 관련 지식을 더 보려면 프로그래밍 튜토리얼을 방문하세요! !

위 내용은 JavaScript 지식 요약: 문서 개체 모델의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!