Zoey Chou 2017-07-17 02:39 采纳率: 100%
浏览 840
已采纳

《JavaScript DOM编程艺术》一书中关于用DOM脚本设置样式出现的问题

根据书中代码,在用DOM脚本设置样式之后紧挨h1标题后的一个兄弟元素的内容应根据
js文档中的设定进行改变,但是我的浏览(Chrome)没有出现相应变化,附上代码及页面显示:

function styleHeaderSiblings(){
  if(!doucument.getElementsByTagName)  return false;
  var headers = document.getElementsByTagName('h1');
  var elem;
  for(var i=0;i<headers.length;i++){
    elem = getNextElement(headers[i].nextSibling);
    elem.style.fontWeight = "bold";
    elem.style.fontSize = "1.2em";
    elem.style.color = "red";
    }
}

function getNextElement(node){
  if(node.nodeType == 1){
    return node;
  }
  if(node.nextSibling){
    return getNextElement(node.nextSibling); 
  }
  return null;
}

window.onload = styleHeaderSiblings;
 <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Man bites dog</title>  
</head>
<body>
  <h1>Hold the front page</h1>
  <p>This first paragraph leads you in.</p>
  <p>Now you get the nitty-gritty of the story.</p>
  <p>The most important information is delivered first.</p>
  <h1>Extra! Extra!</h1>
  <p>Further developments are unfolding.</p>
  <p>You can read all about it here.</p>
  <script type = "text/javascript" src="scripts/styleHeaderSiblings.js"></script>
</body>
</html>

图片说明

  • 写回答

3条回答 默认 最新

  • hongjinwu 2017-07-17 02:50
    关注

    你好,styleHeaderSiblings函数里的if条件里的document你写错了,改过来就行了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!