在javascript中動態添加屬性

-6

我有下面的div，這是kendo網格，我需要在JavaScript中動態創建它。在javascript中動態添加屬性

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

來源

2017-05-26 user1494438

哪裏是你的DIV？ – hamzox

Div需要放在身體。 – user1494438

您可以使用模板文字，.insertAdjacentHTML()

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 16:28:47 guest271314

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

來源

2017-05-26 16:30:55

儘管此代碼可能會回答問題，但提供有關如何解決問題和/或爲何解決問題的其他上下文可以提高答案的長期價值。 –

您可以使用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: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中動態添加屬性

回答

相關問題