.write em um elemento específico do HTML

Olá, existe alguma maneira de usar o .write somente em uma div, sem alterar as outras?
Já tentei usar o getElementById mas não funcionou.
O script é esse:

var projn = 20;
var colunas = 10;
var linhas = 5; 
         
function projtab(){
document.write('<table class="projimgtab">');
coluna();
document.write('</table>');
}
	
function linha(){
	for (var i=0; i<linhas; i++) {
		document.write('<td> <a href="projeto_'+projn+'.html" class="projimg"><img src="Numeros/'+projn+'.jpg" height="100px width="100px"></a></td>');
		projn--;
		if (projn==0){break;}
	}
}

function coluna(){
	for (var j=0; j<colunas; j++) {
		if (projn==0) {break;}
		document.write('<tr>');
		linha();
		document.write('</tr>')
	}
}

2 Respostas

explosive_spirit 17 de dez. de 2013

O comum não é usar write para preencher elementos, o comum é usar innerHTML:

var div = document.getElementById('idDiv');
div.innerHTML = '<p>Paragrafo escrito dentro da div</p>';

mauricioadl 17 de dez. de 2013

eu particularmente gosto de usar a forma “mais programática” do que concatenar um monte de string e gerar essa “sujeira” no código

var a = document.createElement("a");
a.href = "....html";
a.className = "projimg"
.
.
.
td.appendChild(a);

2 Respostas

Topicos relacionados