JavaScript のナレッジポイントの概要: ドキュメント オブジェクト モデル

推奨 (無料): JavaScript (ビデオ)

Document オブジェクトModel

ドキュメント オブジェクトの共通プロパティ

• document.bgColor: ページの背景色
• document.fgColor: text
• document.title: page title

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

document オブジェクトの前景色が HTML 要素を検出します

• document.getElementById(): ID に基づいて指定された HTML ページ要素を検索します。
• document.getElementsByTagName(): 指定されたタグ名を持つすべての HTML ページ要素
• document.getElementsByName( ): 指定された名前のすべての HTML ページ要素
• document.getElementsByClassName(): クラス名

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

document オブジェクトに基づいて指定された HTML ページ要素を検索します。 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: 前の兄弟現在のノードのノード
• document.getElementById().nextSibling: 現在のノードの次の兄弟ノード
• document.createElement(): 新しいノードの追加
• document .appendChild(): ノード
• document.removeChild(): ノードの削除

Data オブジェクト

##var a=new Date(): 現在のイベント
• a.getDate(): 毎月 1 日
• a.getDay(): 各曜日
a.getFull Year(): 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 の y 乗を返します
• Math.random( ): 0 から 1 までの疑似乱数を返します。0 の場合もありますが、常に 1 未満です。 [0,1)
• Math.roundd(number): number# に最も近い整数を返します。
• ##Math.sqrt(number): 数値の平方根

#String オブジェクト

Create配列メソッド

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: オブジェクトのプロパティをループするには、コード

for ...in: オブジェクトのすべての属性をループします。オブジェクトの属性の数を事前に知らなくても、オブジェクトを作成し、一時変数に属性名を 1 つずつ割り当てます。

プログラミング関連の知識の詳細については、次のサイトを参照してください。 ！ ！

以上がJavaScript のナレッジポイントの概要: ドキュメント オブジェクト モデルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。