如何用JS获取iframe里面的内容

1、获取iframe

eg var ifr_window = windowframes["frameName"];

2、获取iframe中的元素

eg1 将iframe中id为elementId 的元素置为不显示：

var ifr_window = windowframes["frameName"];

ifr_windowelementIdstyledisplay = 'none';

eg2 获取iframe中id为listTable的表格

var oTable = windowframes["myFrame"]documentalllistTable;

3、隐藏或显示表格的某列

js函数：

function setHiddenOrShowCol(oTable, iCol, type) {

for (i = 0; i < oTablerowslength ; i++) {

oTablerows[i]cells[iCol]styledisplay = type;

}

}

调用举例，将id为listTable的表格元素的第4列置为不显示：

var oTable = windowframes["myFrame"]documentalllistTable;

setHiddenOrShowCol(oTable, 3, 'none');

调用举例2，将id为listTable的表格元素的第4列置为显示：

var oTable = documentframesmyFramedocumentalllistTable;

setHiddenOrShowCol(oTable, 3, 'block');

至少有2种方法：

一、用div控件，<div id="div1" runat="server">abcdef</div>，后台用div1InnerHtml获取。

二、前台用js把div的innerHTML值存入隐藏域<input type="hidden" name="hidden"/>中，提交服务器后用RequestForm["hidden"]获取值。

可以使用GET或者POST提交方式来获取

比如： indexphp 文件

<form action="indexphp" method="post">

<textarea cols="30" rows="10" name="contents">123456</textarea>

<input type="submit" value="提交">

</form>

<php

$contents = $_POST['contents'];

echo $contents ;

>

1、给span一个id，或者给一个特定的class使用jquery的id选择器或者类选择器

<span id="spId" class="content">ajlwe</span>var str=$("#spId")html();--通过id获取span，然后通过html()获取span里的内容

var str2=$("#spId")text();--通过id获取span，然后通过text()获取span里的内容

var str3=$("content")html();--通过class获取span，然后通过html()获取span里的内容

var str4=$("content")text();--通过class获取span，然后通过text()获取span里的内容

注：html()返回或设置被选元素的内容 (inner HTML)；text()获取设置或返回被选元素的文本内容

有的时候无法取得值时，是因为html是从上往下解析的，在解析到js里的$("#spId")时，下面这个span还不存在，当然就取不到了。

js代码放在<span>下面解析时，span就有了。另外，jQuery的做法是用ready函数包含这些js代码，这样的话，就不存在位置的问题了，放到哪都可以。它的作用就是在加载完整个页面后才执行包含的js

<span id="myItem">选项卡</span>

<a id="myContent">这里是要显示在选项卡的内容</a>

js：

jQuery("#myContent")click(function(){

var myContent = jQuery("#myContent")val();

//把a标签的内容显示在选项卡中

jQuery("#myItem")html(myContent) ;

//把a标签的内容显示在选项卡的title属性中

jQuery("#myItem")attr("title",myContent) ;

});

jquery提供了三个获得内容的方法： text()、html() 以及 val()，其中前两个可用于解决本问题：

$("label#userid")text();   // 首选，获取label的文本

$("label#userid")html();   // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法

下面给出实例演示：分别使用以上两种方法获取label标签的内容，注意最终结果的区别

创建Html元素

<div class="box">

<span>点击按钮获取label中内容：</span><br>

<div class="content">

<label id="userid">输入用户名</label><input type="text">

</div>

<input type="button" value="获取label中的内容">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

h3{display:inline-block;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

$("input:buttonbtn1")click(function() {

alert($("label#userid")text());

});

$("input:buttonbtn2")click(function() {

alert($("label#userid")html());

});

})

观察效果

使用text()方法获取标签内的内容

使用html()方法会获取到标签内的元素（包含Html标记）

以上就是关于如何用JS获取iframe里面的内容全部的内容，包括:如何用JS获取iframe里面的内容、如何获得div里的文字内容、PHP 怎样获取textarea里的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！