Tengo un código HTML simple con algunos javascript, se ve así:
<html>
<head>
<script type="text/javascript">
function changeDivContent() { // ...
};
</script>
</head>
<body>
<input type="radio" name="radiobutton" value="A" onClick="changeDivContent()">
<input type="radio" name="radiobutton" value="B" onClick="changeDivContent()">
<div id="content"></div>
</body>
</html>
Solo quería poder cambiar el contenido del div (es html interno) seleccionando uno de los botones de radio "A" o "B", pero el contenido div # no tiene el atributo "valor" de JavaScript, por lo que pregunto cómo puede ser hecho
fuente
document.getElementById("content").innerText = "<b>bold text?</b>";
se comportará de manera diferente, y a veces bastante útil, paradocument.getElementById("content").innerHTML = "<b>bold text?</b>";
innerHTML
lugar deinnerText
ytextContent
porqueinnerHTML
es compatible con todos los navegadores.innerHTML
puede conducir fácilmente a vulnerabilidades XSS cuando el valor proviene de una entrada no confiable. El uso deinnerText
siempre se recomienda por razones de seguridad y actualmente es compatible con todos los navegadores ( caniuse.com/#feat=innertext )