单击按钮时更改 iframe 中的实时代码 [关闭]答案

【问题标题】：Change live code in iframe on button click [closed]单击按钮时更改 iframe 中的实时代码 [关闭]
【发布时间】：2013-06-14 06:54:01
【问题描述】：

请哪位朋友帮帮我...
我想要在 iframe 中更改代码的 java 脚本

<body>
<button>Change Code</button>
<iframe src="1.html">
#document
<html><head></head><body><form>
<div class="abc">

<div class="xyz">
Name :
<div class="form">
<input name="txt_name" type="text" id="txt_name" class="forms" >
</div>
</div>

</div>
</form></body></html>
</iframe>
</body>

我想更改包含在<div class="xyz"> 中的代码替换为

<div class="xyz">
User Name :
<input name="txt_name" type="text" id="txt_name" class="forms" >
</div>

点击更改代码按钮...
脚本应该在按钮单击时运行

【问题讨论】：

我得到了这个问题的答案...<script src="http://code.jquery.com/jquery-2.0.2.js"></script> <body> <button id='button1' onclick="changecode()"> Change Code</button><br /> <iframe id='iframe1' src='1.html'> </iframe> <script type="text/javascript"> function changecode(){ $('#iframe1').contents().find('div.xyz').load('2.html'); } </script> </body>

标签： javascript html iframe

【解决方案1】：

您可以使用 jQuery 来执行此操作...

给你的 iframe 一个 id 例如：id="iframe1" 并给你的按钮和 id。例如：id="button1"

然后你可以用 jQuery 做：

$('#button1').click(function() {
   $('#iframe').contents().find('.xyz').html('User Name : <input name="txt_name" type="text" id="txt_name" class="forms" >');
});

问候

【讨论】：

这是一个没有公认答案的问题？而且它并不能完全解决 OP 所寻求的？
你说得对，我已经更新了对实际代码的回答。
它改变了完整的 iframe 代码。我想更改<div class="xyz">中的特定代码
还是不行...
好的...我发现了问题...我正在更新代码...