javascript_获取iframe框架中元素节点的属性值

时间:2022-12-03 16:23:40

1. DOM:文档对象模型

  [window 对象]
    它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口。

  [document 对象]
  该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档。

2. JS原生方法获得iframe的window对象

  document.getElementById("ifr").contentWindow;  

3. 获取iframe框架的思路:

  (1)找到iframe框架

  (2)获取iframe框架的window对象

  (3)获取window对象的document属性

  (5)根据document属性的getElementById、getElementsByName、getElementsByClassName、getElementsByTagName等方法来获得或者修改元素节点的属性值

  示例:

    获取iframe框架中的Name为"title"的type属性值:

    window.frames[0].document.getElementsByName("title")[0].type;

    document.getElementsByTagName("iframe")[0].contentWindow.document.getElementsByName("title")[0].type;

  javascript_获取iframe框架中元素节点的属性值