javascriptで属性を動的にdivを追加する

-6

これはJavaScriptで動的に作成する必要がある剣道グリッドであるdivの下にあります。あなたが使用することができます.insertAdjacentHTML()javascriptで属性を動的にdivを追加する

var div = `<div kendo-grid id="tempGrid" hidden="hidden" k-options="meterGridOptions" k-rebind="columns">div</div>`; 
 

 
document.body.insertAdjacentHTML("beforeend", div);

<body></body>

出典

2017-05-26 user1494438

そしてどこdivがありますか？ – hamzox

Divは身体に配置する必要があります。 – user1494438

、element.setAttributeNode(name, value)

var myDiv = document.createElement("div"); 
 
myDiv.setAttribute("kendo-grid", ""); 
 
myDiv.setAttribute("id", "tempGrid"); 
 
myDiv.setAttribute("hidden", "hidden"); 
 
myDiv.setAttribute("k-options", "meterGridOptions"); 
 
myDiv.setAttribute("k-rebind", "columns"); 
 

 
document.body.appendChild(myDiv)

出典

2017-05-26 16:28:47 guest271314

var m=document.getElementById('d1'); 
m.setAttribute("style","height:50%");

出典

2017-05-26 16:30:55

このコードでは質問に答えることができますが、問題の解決方法および/または理由を説明する追加のコンテキストを提供すると、回答の長期的価値が向上します。 –

あなたは文字通りのテンプレートを使用することができます

<div kendo-grid id="tempGrid" hidden="hidden" k-options="meterGridOptions" k-rebind="columns"></div>

出典

2017-05-26 16:37:39

属性hiddenが表示されるように削除しました。

$(document).ready(function() { 
 
    var div = $("<div/>", { 
 
    "id": "tempGrid", 
 
    "k-options": "meterGridOptions", 
 
    "k-rebind": "columns" 
 
    }).text("Created via Jquery"); 
 

 
    div.attr("kendo-grid", ""); 
 
    div.appendTo(".container"); 
 
});

.container { 
 
    background-color: green; 
 
    width: 100px; 
 
    height: 50px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<div class="container"> 
 

 
</div>

出典

2017-05-26 16:39:30 Siva

javascriptで属性を動的にdivを追加する

答えて

関連する問題