Say I have a string like this:
var tablestring = "<table><tr><td>Test</td></tr></table>";
Is it possible to populate a table DOM object doing something like this:
var Test = document.createElement("TABLE");
Test.value = tablestring;
-
Are you partial to using jQuery to achieve this? A jumping-off point might be in this question here: stackoverflow.com/questions/11047670/…Geoff James– Geoff James2016-08-25 11:51:12 +00:00Commented Aug 25, 2016 at 11:51
-
Kindly read the below link that may help you enter link description hereParthasarathy– Parthasarathy2016-08-25 11:52:13 +00:00Commented Aug 25, 2016 at 11:52
Add a comment
|
4 Answers
Yes it is. Using .innerHTML you can assign html to a dom element. Please see the snippet below:
function addTable(){
var tablestring = "<table><tr><td>Test</td></tr></table>";
var container = document.getElementById('container');
container.innerHTML = tablestring;
}<button onclick="addTable()"> Add table </button>
<div id="container"></div>Comments
JQuery solution
$("Your div").html(tablestring);
1 Comment
maioman
the JQ object doesn't have a
innerHTML method maybe you meant $(..)html('str')you can do this :
var tablestring = "<table><tr><td>Test</td></tr></table>";
var Test = document.createElement("Div");
Test.innerHTML= tablestring;
document.body.appendChild(Test);
Waldir J. Pereira Junior
8261 gold badge10 silver badges18 bronze badges
answered Aug 25, 2016 at 11:51
Mustapha Larhrouch
3,4053 gold badges16 silver badges29 bronze badges
Comments
You can use .html() in jQuery to add tablestring in div. It may be help to you.
function addTable(){
var tablestring = "<table class='table'><tr><td>Test</td></tr></table>";
$('#myTable').html(tablestring);
}.table{
border:1px solid red;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="addTable()"> Add table </button>
<div id="myTable"></div>