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

coldplay.xixi
リリース: 2021-01-08 14:14:09
転載
2021 人が閲覧しました

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

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

Document オブジェクトModel

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

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

对象常用属性

ログイン後にコピー

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

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

对象常用属性

ログイン後にコピー

document オブジェクトに基づいて指定された HTML ページ要素を検索します。 HTML の変更

  • document.getElementById().innerHTML=新しい要素
  • document.getElementById().innerText=新しいコンテンツ
  • document.getElementById( ).style.property=新しいスタイル
  • document.getElementById().attributes=新しい属性

ログイン後にコピー

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配列メソッドJavaScript のナレッジポイントの概要: ドキュメント オブジェクト モデル

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 サイトの他の関連記事を参照してください。

    関連ラベル:
    ソース:csdn.net
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    最新の問題
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート
    私たちについて 免責事項 Sitemap
    PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!