Ecco un esempio con tutti e tre i casi possibili:


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript">

var leggi_attributo = function(attr_name){
var attribute_value = document.getElementById('mioDiv').getAttribute(att r_name);
alert(attribute_value);
}

var leggi_html = function(){
var content = document.getElementById('mioDiv').innerHTML;
alert(content);
}

var cambia_valore_proprieta = function(){
var current_style = document.getElementById('mioDiv').style.visibility ;
var new_style = '';
if(current_style==='hidden') {
new_style='visible';
} else if(current_style==='visible'){
new_style='hidden';
}
document.getElementById('mioDiv').style.visibility =new_style;
}
</script>
</head>

<body>
<div id="mioDiv" style="visibility:hidden;font-size:30px;" name="pluto e' un cane">nel mezzo del cammino</div>

leggi il contenuto


leggi valore attributo


cambia valore della proprieta' visible

</body>
</html>