Quando a instrução a seguir é chamada quando a página não foi carregada, o objeto "add" não pode ser obtido e o prompt está vazio ou não é um objeto.
Copie o código do código da seguinte forma:
document.getElementById("adicionar").onclick = function(){
alerta("olá");
}
objetos que estão disponíveis quando usados
Copie o código do código da seguinte forma:
janela.onload=função(){
document.getElementById("adicionar").onclick = function(){
alerta("olá");
}
}
Copie o código do código da seguinte forma:
<script type="texto/javascript">
//O item selecionado se move da esquerda para a direita
função para a direita() {
var firstElement = document.getElementById("primeiro");
var segundoElement = document.getElementById("segundo");
var firstoptionElement = firstElement.getElementsByTagName("opção");
var len = firstoptionElement.length;
for(var i=0;i<len;i++){
if(firstElement.selectedIndex != -1){ //selectedIndex é uma propriedade de select
segundoElement.appendChild(firstoptionElement[firstElement.selectedIndex]);
}
}
}
//Mover tudo para a direita
função tudo bem(){
var firstElement = document.getElementById("primeiro");
var segundoElement = document.getElementById("segundo");
var firstoptionElement = firstElement.getElementsByTagName("opção");
var len = firstoptionElement.length;
for(var i=0;i<len;i++){
secondElement.appendChild(firstoptionElement[0]);//Quando a opção option é selecionada, o índice é 0
}
}
//Clique duas vezes para mover para a direita
função banco de dados(){
/* //Método 1
var firstElement = document.getElementById("primeiro");
var segundoElement = document.getElementById("segundo");
var firstoptionElement = firstElement.getElementsByTagName("opção");
var len = firstoptionElement.length;
for(var i=0;i<len;i++){
if(firstElement.selectedIndex != -1){ //selectedIndex é uma propriedade de select
segundoElement.appendChild(firstoptionElement[firstElement.selectedIndex]);
}
} */
//Método 2
var firstElement = document.getElementById("primeiro");
var segundoElement = document.getElementById("segundo");
segundoElement.appendChild(firstElement[firstElement.selectedIndex]);
}
</script>
<style type="texto/css">
</estilo>
</head>
<corpo>
<tabela alinhar="esquerda">
<tr>
<td>
<select name="first" size="10" multiple="multiple" id="first" ondblclick="db()">
<option value="1">Opção 1</option>
<option value="2">Opção 2</option>
<option value="3">Opção 3</option>
<option value="4">Opção 4</option>
<option value="5">Opção 5</option>
<option value="6">Opção 6</option>
</selecionar>
</td>
<td valign="meio">
<input id="add" name="add" type="button" value="---->" onclick="toright()"/>
<input id="add_all" name="add_all" type="button" value="==>" onclick="allright()"/>
</td>
<td alinhar="esquerda">
<select name="second" size="10" multiple="multiple" id="second">
<option value="Opção 8">Opção 8</option>
</selecionar>
</td>
</tr>
</tabela>
</body>