這篇文章主要介紹了JavaScript中文檔對(duì)象模型是什么，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

10年積累的成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有泰來免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

文檔對(duì)象模型

document對(duì)象常用屬性

• document.bgColor：頁面背景顏色

• document.fgColor：文本的前景顏色

• document.title：頁面標(biāo)題

	
	
對(duì)象常用屬性
	
		document.title="對(duì)象常用屬性";
		document.bgColor="blue";
		document.fgColor="white";
	
	
	

document對(duì)象查找HTML元素

• document.getElementById()：根據(jù)id查找指定的html頁面元素

• document.getElementsByTagName()：所有指定標(biāo)簽名的html頁面元素

• document.getElementsByName()：所有指定name的html頁面元素

• document.getElementsByClassName()：根據(jù)類名查找指定的html頁面元素

	
	對(duì)象常用屬性
	
		var x=document.getElementById("top");
		document.write(x.innerText)
	
	
	

document對(duì)象改變HTML

• document.getElementById().innerHTML=新元素

• document.getElementById().innerText=新內(nèi)容

• document.getElementById().style.property=新樣式

• document.getElementById().attributes=新屬性

	
		

	

	
	
		function aa(){
			var obj=document.getElementById("top").innerText="我是新內(nèi)容"
				}
		
	

DOM節(jié)點(diǎn)操作

• document.getElementById().parentNode：當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn)

• document.getElementById().childNodes：當(dāng)前節(jié)點(diǎn)的所有節(jié)點(diǎn)

• document.getElementById().firstChild：當(dāng)前節(jié)點(diǎn)的第一個(gè)節(jié)點(diǎn)

• document.getElementById().lastChild：當(dāng)前節(jié)點(diǎn)的最后一個(gè)節(jié)點(diǎn)

• document.getElementById().previousSibling：當(dāng)前節(jié)點(diǎn)的前一個(gè)兄弟節(jié)點(diǎn)

• document.getElementById().nextSibling：當(dāng)前節(jié)點(diǎn)的后一個(gè)兄弟節(jié)點(diǎn)

• document.createElement()：添加新節(jié)點(diǎn)

• document.appendChild()：移動(dòng)節(jié)點(diǎn)

• document.removeChild()：刪除節(jié)點(diǎn)

Data對(duì)象

• var a=new Date()：當(dāng)前事件

• a.getDate()：一個(gè)月中的某一天

• a.getDay()：一周中的每一天

• a.getFullYear()：以四位數(shù)返回年份

• a.getHours()：返回小時(shí)

• a.getMilliseconds()：返回毫秒

• a.getMinutes()：返回分鐘

• a.getMonth()：返回月份

• a.getSeconds()：分會(huì)秒數(shù)

• a.getTime()：返回1970.1.1到現(xiàn)在的毫秒數(shù)

Math對(duì)象

• Math. abs(number)：返回number的絕對(duì)值

• Math.ceil(number)：對(duì)number向上取整，如Math.ceil(67.6)返回值是68

• Math.floor(number)：對(duì)number向下取整，如Math.floor (67.6)返回值是67

• Math.max(number1 ,number2)：返回number1與number2中的較大值

• Math.min(number1 ,number2)：返回number1與number2中的較小值

• Math.pow(x,y)：返回x的y次冪

• Math.random()：返回0和1之間的偽隨機(jī)數(shù)，可能為0，但總是小于1，[0,1)

• Math.roundd(number)：返回最接近number的整數(shù)

• Math.sqrt(number)：number的平方根

String對(duì)象

創(chuàng)建數(shù)組方法

• var arr=[1,2,3,“happy”];

• var arr=new Array();數(shù)組初始元素為0

• var arr=new Array(4);數(shù)組初始元素為4

• var arr=new Array(1,2,3);用指定元素去初始化數(shù)組

創(chuàng)建對(duì)象

var 對(duì)象名=new 類名（實(shí)參1，實(shí)參2，實(shí)參n）

定義類

function 類名（參數(shù)1，參數(shù)2...）{
	this.屬性=參數(shù)1；	this.屬性=參數(shù)2；	...
	this.方法名=function（）{
		//方法體
	}}

對(duì)象常用語句

• with：對(duì)某對(duì)象屬性循環(huán)，可簡(jiǎn)寫代碼

• for…in：對(duì)某對(duì)象所有屬性循環(huán)，將屬性名逐一賦值給臨時(shí)變量，無需事先知道對(duì)象屬性個(gè)數(shù)

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JavaScript中文檔對(duì)象模型是什么”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

本文題目：JavaScript中文檔對(duì)象模型是什么-創(chuàng)新互聯(lián)
當(dāng)前鏈接：http://weahome.cn/article/dgcjsj.html