Question

我正在进行一项练习，它给了我以下内容，我想用javascript改变子div的高度和宽度，而不给内部div的类或div

<div id="puzzlearea">
    <div>1</div>  <div>2</div>  <div>3</div>  <div>4</div>
    <div>5</div>  <div>6</div>  <div>7</div>  <div>8</div>
    <div>9</div>  <div>10</div> <div>11</div> <div>12</div>
    <div>13</div> <div>14</div> <div>15</div>
</div>

我当时正在寻找类似的东西，但是我得到一个错误，说我有一个未定义的对象。

function loading(){
    var boxes = document.getElementById("puzzlearea").childNodes;
    for(var i=0; i<boxes.length; i++){
        boxes[i].style.height ='100pt';
    };
 };

window.onload = function(){
     loading();
 };

Answer 1

<强>理由：

部分childNodes是文本节点（代表<div>之间的空格），它们没有style属性，因此boxes[i].style会解析为{{} 1}}并尝试获取undefined的{{1}}会导致错误。

<强>溶液

height

查看：

http://jsfiddle.net/YWz5S/

Answer 2

确保您的javascript在文档中<div id="puzzlearea">之后放置，否则document.getElementById("puzzlearea")将返回null。

使用javascript编辑子div的高度

2 个答案: