JS (или jQuery) как добавить функцию в div?

219
11 сентября 2017, 06:22

Написала такую функцию

var arr = [[1,2],[3,4]]
function tableEditor(someId, arr){
var string = "<table>";
for (var i = 0; i < arr.length; i++) {
    string += "<tr>";
        for (var j = 0; j < arr.length; j++) {
            string += "<td>"  + arr[i][j] + " </td>" ;
        }
    string += "</tr>";
    } 
    string  +="</table>";
    document.write(string);
   }
tableEditor('someId', arr);

Как теперь мне ее добавить в div? div создан в HTML. Думала что то типа $("div").append($(tableEditor)), но это не работает.

Answer 1

Попробуйте вот так, вместо document.write(string);:

   var div = document.getElementById(someId);
       div.innerHTML += string;

string - Ваша строка. someId - ID div-a, который Вы передаете tableEditor('someId', arr);

Answer 2

В вашем коде document.write(string); заменяет все содержимое страницы на html из string. Замените эту строчку на return string; и тогда можно будет вставлять сгенерированный html в любой элемент, например, так $("#block").append(tableEditor(arr)).

Кстати, непонятно, для чего нужен аргумент someId, если в функции он не используется, поэтому я его убрал.

var arr = [ 
  [1, 2], 
  [3, 4] 
] 
 
function tableEditor(arr) { 
  var string = "<table>"; 
  for (var i = 0; i < arr.length; i++) { 
    string += "<tr>"; 
    for (var j = 0; j < arr.length; j++) { 
      string += "<td>" + arr[i][j] + " </td>"; 
    } 
    string += "</tr>"; 
  } 
  string += "</table>"; 
  return string; 
} 
$("#block").append(tableEditor(arr));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id="block"></div>

READ ALSO
Передача данных через модальное окно

Передача данных через модальное окно

Необходимо передать данные в базу данных MongoDB через модальное диалоговое окно без открытия другой страницыКод следующий:

207
Chrome Extension и Google Analytics

Chrome Extension и Google Analytics

Подскажите пожалуйста, как можно отследить количество установок хром расширения через гугл аналитику в background скрипте, при этом не открывая...

299
Как деобфусцировать код на js?

Как деобфусцировать код на js?

Нужно деобфусцировать код на js, ссылка на пастбин https://pastebincom/7dbCrdZk

176
Прогрузка php страницы (python)

Прогрузка php страницы (python)

Всем добрый деньМожет быть кто нибудь знает как можно прогрузить php страницу через python

209