こんにちは、javascript の初心者です。HTML ドキュメントがあり、div 内にある段落のフォントサイズを変更したいのですが、コンソールでこのエラーが発生しました。Uncaught TypeError: Cannot set property 'fontSize' of undefined codigo.js:5
これは私のhtmlです:
<!DOCTYPE html>
<html leng="es">
<head>
<meta charset="UTF-8">
<title>Mi ejercicio DHTML</title>
<link rel="stylesheet" type="text/css" href="css/estilos.css">
<script type="text/javascript" src="js/codigo.js" ></script>
</head>
<body>
<div id="parrafos">
<p>
Your bones don't break, mine do. That's clear. Your cells react to bacteria
</p>
<p>
Your bones don't break, mine do. That's clear. Your cells react to bacteria
</p>
<p>
Your bones don't break, mine do. That's clear. Your cells react to bacteria
</p>
<p>
Your bones don't break, mine do. That's clear. Your cells react to bacteria
</p>
<p>
Your bones don't break, mine do. That's clear. Your cells react to bacteria
</p>
</div>
</body>
</html>
これは私のjsです:
window.addEventListener('load', inicio);
function inicio(){
var parrafos = document.getElementById('parrafos');
parrafos.childNodes[0].style.fontSize='10px';
}
私が欲しいのは、parrafos と呼ばれる div で childNodes を使用することです。そのインデックスにアクセスして、すべての段落のスタイルを変更します parrafos.childNodes[2].style....etc など
[編集]
私はこのコードで終わった
window.addEventListener('load', inicio);
function inicio(){
var parrafos = document.getElementById('parrafos');
parrafos.childNodes[1].style.fontSize='1.5em';
parrafos.childNodes[3].style.fontSize='1.3em';
parrafos.childNodes[5].style.fontSize='.5em';
parrafos.childNodes[7].style.fontSize='1em';
parrafos.childNodes[9].style.fontSize='.2em';
}
そして、HTMLドキュメントのスペースのために、連続した順序に従っていないことがわかりました。これは、連続する必要があると思った奇妙な原因のようです。