为什么原生的js我这样子写并输出没效果呢?求解释

来源:1-4 jQuery对象与DOM对象

suBJuly

2017-05-04 09:18

 <!-- 使用JS原生语法 -->

    <script type="text/javascript">

       

            // 通过原生JS语法获取id为imooc1的元素p

var p = document.getElementById('imooc1');

            // 将元素p在html中内容改变

p.innerHTML = 'P1:您好!通过慕课网学习jQuery才是最佳的途径';

            // 将元素p的内容颜色改为红色

p.style.color = 'red';

    document.write(p.innerHTML);

    </script>


写回答 关注

2回答

  • qq_china谢sir_0
    2017-05-04 16:52:30

    因为JavaScript解析器 解析代码从上往下执行   因为你这个<script>代码先执行了   下面的代码没有执行  就是没有找到dom中这个p对象  它怎么会执行呢? (就是没有p这个时候还没有加载出来 );window.onload的意思就是等文档加载完成后再执行<script>代码   这个就是        但是去掉了这个我用的是document.write();输出为什么也不行?的原因

    慕村1994... 回复suBJul...

    正常情况下,代码解析是从上到下的,所以,要注意顺序;像是js加了window.onload;jQuery加$(document).ready(),就可以不用在意顺序了,应该是这样

    2017-06-16 20:46:05

    共 2 条回复 >

  • qq_china谢sir_0
    2017-05-04 09:28:12

    加上 window.onload=function(){


    }

    suBJul...

    我知道的加上可以显示。但是去掉了这个我用的是document.write();输出为什么也不行?

    2017-05-04 16:43:49

    共 1 条回复 >

jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217509 学习 · 1218 问题

查看课程

相似问题