使用JS / JQは、iframe要素の中に入ります

まず、特別な注意必要なポイントを以下の子のiframe DOM要素への親アクセスによって実現さ
1、サーバーにアクセスするために必要な場合には、ローカルサーバーを使用することができます
（これは悲惨なピットされていた）2を、エントリ関数を使用する必要が
3、どのクロスドメインのメソッドはアクセスできません
> *ローカルサーバーを使用します

まず、2つのファイルは、親と子のchild.html 2つのHTMLファイルparantN.htmlを命名されている作成し、htmlファイルには、コードを見てみましょう。

親parantN.html

  <iframe id='myIframe' name="myIrame" src="Child.html" 
    scrolling="no" border="0" frameborder="no" framespacing="0"
    allowfullscreen="true">
  </iframe>
</body>

子供のchild.html

  <div id="qq">
    <div>
      <div id="text">我是子级</div>
    </div>
    </duiv>

使用JSコードは、iframe要素内で取得します

  // 使用JavaScript方法获取
  // 例子：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID")
  window.onload = function () {
    var text = window.frames["myIrame"].document.getElementById("text")
    text.style.color = 'red';
    text.innerHTML = '看我使用JavaScript方法获取了iframe里面的元素，并修改了。';
  }

||||||||
iframe要素の中に入るJQを使用

  //例子： $("#iframe的ID").contents().find("#iframe中的控件ID")
  window.onload = function () {
    $("#myIframe").contents().find("#text").html('使用JQ改变了iframe里面的内容').css({
      'color': 'red'
    })
  }