Modo listagem | Modo Linear

eSkiSo · 29-05-2014, 19:36

Essas modificações ao 'body' é que estragam tudo, sem isso funciona sem problemas:

Código:

<html>

<head>

<script>

function addSomethingToBody(obj){

document.getElementsByTagName('body')[0].innerHTML += obj.value;

}

function addSomethingToElement_ID(obj,elemID){

document.getElementById(elemID).innerHTML += obj.value;

}

function addSomethingToElement_Name(obj,elemName){

document.getElementsByName(elemName)[0].innerHTML += obj.value;

}

function addSomethingToElement_TagName(obj,TagName,index){

document.getElementsByTagName(TagName)[index].innerHTML += obj.value;

}

</script>

</head>

<body id='body'>

<h3>Add to body</h3>

<input type="text"></input>

<h3>Add to Element - ID</h3>

<input type="text" onblur="addSomethingToElement_ID(this,'spanExampleID')" ></input>

<span id='spanExampleID'></span><br>

<b>This doesn't work either...</b> <input type="text"></input>

<h3>Add to Element - Name</h3>

<input type="text" onblur="addSomethingToElement_Name(this,'spanExampleID')" ></input>

<span name='spanExampleID'></span>

<h3>Add to Element - TagName</h3>

<input type="text" onblur="addSomethingToElement_TagName(this,'span',2)" ></input>

<span></span>

<br>

<br>

Body Extra content: 

</body>

</html>