Nella pagina XHTML ho questo div:
<div id="listAzioni">
<h4 style="margin-bottom:3px;">List shape :</h4>
</div>
Successivamente incorporato all'interno del div un elemento di input tramite javascript utilizzando la libreria innerXhtml.
var paper = document.getElementById("listAzioni");
var toWrite = "<h4 style="margin-bottom:3px">List shape :</h4>";
toWrite += "<input type="button" class="listButton" value=""+id+"" onclick="showAction(""+id+"");"/>"+"<br/>";
innerXHTML(paper,toWrite);
Ma dopo aver aggiunto l'elemento di input non ha alcun attributo onclick. Ho provato così tanto ma non ho trovato nulla che potesse risolvere il mio problema. Dove sto sbagliando?
risposte:
0 per risposta № 1Quali browser hai provato?
Ti consiglio di utilizzare API DOM standard, scrivo il tuo codice come di seguito:
<html>
<head>
<style type="text/css">
.button {
border: 1px solid black;
padding: 3px;
}
</style>
<script type="text/javascript">
function addButton() {
var container = document.getElementById("container");
if (container != null && container != undefined) {
var child = document.createElement("div");
var button = document.createElement("input");
button.value = "Click to alert";
button.type = "button";
child.style.padding = "10px";
child.style.border = "2px solid red";
button.className = "button";
button.onclick = showAlert;
child.appendChild(button);
container.appendChild(child);
}
}
function showAlert() {
alert("you clicked the button!");
}
</script>
</head>
<body>
<div id="container"></div>
<input value="add div and button" type="button" onclick="addButton();"/>
</body>
</html>