Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

RomuloC4

document.getElementById innerhtml

Recommended Posts

Bem, estou utilizando o javascript para atualizar div, para isto estou utilizando este seguinte parametro:

 

document.getElementById('skill_frame_point').innerHTML = "Teste";

O Porém éh que faz de conta, esta div está encarregada de adicionar um script com alguns recursos claro, e não estou conseguindo adicionar o script no lugar daquele Teste, alguém sabe como fazer este processo?

Compartilhar este post


Link para o post
Compartilhar em outros sites

você diz adicionar eventos ? explique melhor..

Compartilhar este post


Link para o post
Compartilhar em outros sites

Quando do este comando, o conteúdo da div é substituido pela do inner, exemplo, na div tem Romulo, ao ser executado o comando fica Teste.

 

document.getElementById('skill_frame_point').innerHTML = "Teste";

Isto é um exemplo, mais na verdade na div tem um script, manuseando váriaveis, eu não queria perder tudo aqui, só atualizar, então eu gostária de saber se da para adicionar um script pelo innerHTML ou apenas atualizar o script já incluido existente na div.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Script?

Você quis dizer conteudo correto?

Veja:

<html>
	<head>
		<title>Exemplo</title>
		<script type="text/JavaScript">
				adicionaEvento(window, 'load', function(){
					adicionaEvento(document.getElementsByName("b1")[0], 'click', function(){
						document.getElementById("res").appendChild(document.createTextNode(document.getElementsByName("txq")[0].value));
					}, false);

					adicionaEvento(document.getElementsByName("b2")[0], 'click', function(){
						document.getElementById("res").innerHTML = "Texto:";
					}, false);
				}, false);

			function adicionaEvento(elemento, evento, funcao, bool){
			bool = (bool == null)? false : bool;
			if(elemento.addEventListener)
				elemento.addEventListener(evento, funcao, bool);
				else
					elemento.attachEvent('on' + evento, funcao);
			}

		</script>
	</head>
	<body>
		 Texto qualquer:<input type="text" name="txq" /><br />
		 <input type="button" value="Adicionar conteudo a div" name="b1" />
		 <input type="button" value="Limpar div" name="b2" /><br />
		 <div id="res">Texto:</div>
	</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Vou postar o exemplo melhor:

 

./index.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>sDB (Skill Tree Simulator)</title>

<style type="text/css">
<!--
.points_p {
	position:absolute;
	width:200px;
	height:25px;
	z-index:1;
}

.teste {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 90px;
	top: 175px;
}
-->
</style>

</head>
<body>

<script LANGUAGE="Javascript">
<!--
	var skill_point = 50;
//-->
</SCRIPT>

<script type="text/javascript" src="core.js"></script>

<a href="#" onClick="onChangeSkill(0)">Clique aqui</a>




<div class="skill_frame_point" name="skill_frame_point" id="skill_frame_point">
	<script type="text/javascript">
		document.write("Pontos de Habilidade: "+skill_point);
	</script>
</div>

<div class="teste" name="skill_frame_tree" id="skill_frame_tree">
	teste
</div>

</body>
</html>

./core.js

// JavaScript Document
// onChangeSkill(skill_id, skill_nv)
function onChangeSkill(skill_id_change)
{
	skill_point = skill_point - 1;

	document.getElementById('skill_frame_point').innerHTML = "Pontos de Habilidade: "+skill_point;
	document.getElementById('skill_frame_tree').innerHTML = 0;
	return;
}

function include_js(arquivo){
	document.write('<script src="'+arquivo+'" language="JavaScript" type="text/javascript"></script>');
	return;
}

Eu gostaria que o document.getElementById('skill_frame_tree').innerHTML = 0; atualiza-se somente o conteúdo daquela div, e não setar o valor aonde está localizado o '0'.

 

Melhor entendimento agora? Obrigado pela ajuda que você está dando :)

Compartilhar este post


Link para o post
Compartilhar em outros sites
document.getElementById('skill_frame_tree').innerHTML += 0;
? recebe oq tinha mais oq tá na frente do igual ??

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.