点击按钮更改iframe中的实时代码

时间:2013-06-14 06:54:02

标签: javascript html iframe


任何伙伴请帮助我...
我想要在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>

点击更改代码按钮...
脚本应该按下按钮

运行

1 个答案:

答案 0 :(得分:0)

您可以使用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" >');
});

此致