2016-08-25 2 views
3

sagt, dass ich eine Zeichenfolge wie diese:Populate Tabellenelement Zeichenfolge mit

var tablestring = "<table><tr><td>Test</td></tr></table>"; 

Ist es möglich, eine Tabelle DOM-Objekt zu tun, so etwas zu füllen:

var Test = document.createElement("TABLE"); 
Test.value = tablestring; 
+0

Sind Sie teilweise jQuery verwenden, dies zu erreichen? Ein springender Punkt könnte in dieser Frage hier sein: http://stackoverflow.com/questions/11047670/creating-a-jquery-object-from-a-big-html-string –

+0

Bitte lesen Sie den folgenden Link, der helfen kann Sie [Link Beschreibung hier eingeben] (http://stackoverflow.com/questions/16126357/create-html-table-using-javascript) – Parthasarathy

Antwort

0

Sie dies tun können:

var tablestring = "<table><tr><td>Test</td></tr></table>"; 

var Test = document.createElement("Div"); 
Test.innerHTML= tablestring; 

document.body.appendChild(Test); 
1

Ja ist es. Mit .innerHTML können Sie HTML einem dom-Element zuweisen. Bitte beachten Sie die Schnipsel unten:

function addTable(){ 
 
\t var tablestring = "<table><tr><td>Test</td></tr></table>"; 
 
\t var container = document.getElementById('container'); 
 
\t container.innerHTML = tablestring; 
 
}
<button onclick="addTable()"> Add table </button> 
 
<div id="container"></div>

0

JQuery Lösung

$("Your div").html(tablestring); 
+0

das JQ-Objekt hat nicht eine 'innerHTML'-Methode vielleicht Sie gemeint' $ (..) html ('str') ' – maioman

0

Sie .html() in jQuery verwenden können tablestring in div hinzuzufügen. Es kann dir helfen.

function addTable(){ 
 
\t var tablestring = "<table class='table'><tr><td>Test</td></tr></table>"; 
 
\t $('#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>