コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > dom_javascript スキルでの子オブジェクトの配列要素 firstChild および lastChild の解析の使用

dom_javascript スキルでの子オブジェクトの配列要素 firstChild および lastChild の解析の使用

WBOY
リリース： 2016-05-16 17:29:24
オリジナル
1144 人が閲覧しました

コードをコピー コードは次のとおりです:




  
  


行1列1 行1列2
行2列1 行2列2
  
  
  

  
  
  
  

<スクリプト>  
alert(test.children[0].tagName)
alert(test.children[1].tagName)
  


document.all.tbl.children(0).children(0).innerHTML 解释
document.all.tbl.children(0) テーブルに位置する最初の子节点
document.all.tbl.children(0).children(0) テーブルの最初の子ノードの最初の子ノード

、印刷結果 行1列1 行1列2


document.all.tbl.children(0).children(1).innerHTML,打印结果 行2列1

行2列2


document.all.tbl.children(0).children(1).children(0).innerHTML 打印结果行2列2





  
  
行2列1

行1列1

行1列2
行2列2
  
  
  

  
  
  
  

<スクリプト>  
alert(test.firstChild.tagName)
alert(test.lastChild.tagName)
  


document.all.tbl.firstChild 位置テーブルの最初の子ポイント


document.all.tbl.firstChild.firstChild テーブルの最初の子ポイント
の最初の子ポイント
document.all.tbl.firstChild.firstChild.innerHTML打印結果は 行1列1 行1列2


document.all.tbl.firstChild.lastChild テーブルに配置された最初の子ノード
の最後の子ポイント
document.all.tbl.firstChild.lastChild.innerHTML打印結果は 行2列1

行2列2


document.all.tbl.firstChild.lastChild.firstChild.innerHTML 打印结果是
行 2 列 2

関連ラベル：
children
ソース：php.cn
前の記事：JavaScript_javascript スキルでクラス メカニズムとプライベート変数をシミュレートするための方法とアイデア 次の記事：js 固定 DIV 高さ、part_javascript スキルを超えてスクロール バーを自動的に追加する簡単な方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
未定義の配列インデックス: 子 部門管理一覧で、部門を追加すると「未定義の配列インデックス:子」と表示されエラーになります。返信してください。ありがとうございます。
から 2024-04-05 15:57:40
1
0
2418
React TypeScriptにpropsを入力するにはどうすればよいですか? ReactTypeScript に props を入力するにはどうすればよいですか? 「プロパティ 'authors' はタイプ '[Props]&{children?:R...
から 2024-03-31 15:34:36
0
2
262
useState が異なる props を持つルート間で共有されるのはなぜですか? 「Apple」と「Banana」という 2 つのタブを持つアプリケーションがあります。各タブには、useState を使用して実装されたカウンターがあります。 constTab=(...
から 2024-03-30 21:19:56
0
2
403
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート