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

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

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




  
  


行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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート