如何在动态创建的div中传递Javascript函数 [英] How to pass a Javascript function in a dynamically created div

问题描述

我想将一个javascript函数传递给动态创建的div，就像我在下面尝试的那样。如果我用一个普通的字符串替换脚本字符串，这有效，但有没有办法在createTextNode中传递一个JS脚本？

  newDiv = document.createElement（div）; 
 newContent = document.createTextNode（< script type = \text / javascript\> var pager = new Pager（3）; pager.init（）; pager.showPageNav（'pager'， 'pageNavPosition'）; pager.showPage（1）;< / script>）; 
 newDiv.appendChild（newContent）; 
  

TIA

解决方案 div>

  var js = document.createElement（'script'）; 
 js.setAttribute（type，text / javascript）; 
 js.appendChild（document.createTextNode（var pager = new Pager（3）; pager.init（）; pager.showPageNav（'pager'，'pageNavPosition'）; pager.showPage（1）;） ）; 
 var newDiv = document.createElement（div）; 
 newDiv.appendChild（js）; 
 document.appendChild（newDiv）; 
  

I want to pass a javascript function to a dynamically created div, like I am attempting below. If I replace the script string with an ordinary string this works, but is there a way to pass a JS script in createTextNode?

    newDiv = document.createElement("div");
    newContent = document.createTextNode("<script type=\"text/javascript\">var pager = new Pager(3); pager.init(); pager.showPageNav('pager', 'pageNavPosition'); pager.showPage(1); </script>");
    newDiv.appendChild(newContent);

TIA

解决方案

var js=document.createElement('script');
  js.setAttribute("type","text/javascript");
  js.appendChild(document.createTextNode(" var pager = new Pager(3); pager.init(); pager.showPageNav('pager', 'pageNavPosition'); pager.showPage(1); "));
  var newDiv=document.createElement("div");
  newDiv.appendChild(js);
  document.appendChild(newDiv);

这篇关于如何在动态创建的div中传递Javascript函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！