为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/JavaScript

/JavaScript入门篇

关于innerHTML替换的问题

既然innerHTML将最先读取的“hello world！”替换成了“new text1”，并且还是显示在最顶端，那为什么没有将“p标签的原始内容：hello world！”里的hello world！替换掉

57c693a80001696405000281.jpg

http://img1.sycdn.imooc.com//57c693c20001a84a03700249.jpg

我咋子不晓得哎

2016-08-31

源自：JavaScript入门篇   3-3

关注问题 我要回答
1647
操作
收起

正在回答

3 回答

joyboy0405
2016-09-01

已经替换掉了呀，再换之前输出的内容当然是无法更改的，改的只是页面<p></p>标签的内容。希望对你有所帮助~

1 回复 有任何疑惑可以回复我~
收起回答
枫灬叶
2016-08-31

替换掉了，但是那个write已经输出了信息，已经执行了的信息还是会显示原样呀

1 回复 有任何疑惑可以回复我~
收起回答
#1

我咋子不晓得哎 提问者

谢谢！
2016-09-01 回复 有任何疑惑可以回复我~
对代码有洁癖
2016-08-31

替换掉了啊，p标签里面的内容不是变成了New text!了吗？建议你将代码拷贝到编译器里面，放到浏览器上面运行一下，效果更直观。

0 回复 有任何疑惑可以回复我~
收起回答
#1

我咋子不晓得哎 提问者

我的意思是既然修改了就应该全部都被替换成了new text呀，，怎么还会有hello world出现呢
2016-08-31 回复 有任何疑惑可以回复我~
#2

对代码有洁癖 回复 我咋子不晓得哎 提问者

代码是按顺序执行的，在打印hello world的时候还没有替换掉，所以第一个document.write输出了Hello world，后面你要是再输出的话，都是new text了。
2016-08-31 回复 有任何疑惑可以回复我~
#3

我咋子不晓得哎 提问者 回复 对代码有洁癖

但是最先输出的顶部那个hello world不是都被替换才new text了吗
2016-08-31 回复 有任何疑惑可以回复我~
#4

我咋子不晓得哎 提问者 回复 对代码有洁癖

哦哦 是不是因为最开始那个是P标签，是可以替换的，后面的是write，所以是输出后就不能再更改的
2016-08-31 回复 有任何疑惑可以回复我~
#5

对代码有洁癖 回复 我咋子不晓得哎 提问者

是被替换了，这张图片是最终状态的，也就是被替换后的，此时的p标签是New text，但是这不影响js执行过程中输出的hello world，只是说当前状态的p标签内容为new text，懂了吗？建议你自己敲一下代码，在编译器多试试就很直观的。
2016-08-31 回复 有任何疑惑可以回复我~
#6

对代码有洁癖 回复 我咋子不晓得哎 提问者

你看到的这个运行图片其实是最终状态的，也就是那段代码全都执行完了之后的状态的，假如没有mycon.innerHTML="new text"这句以及后面代码的话，最上面就会显示hello world的。正是因为mycon.innerHTML="new text"这句修改了p标签里面的值啊，这不是很明显吗？
2016-08-31 回复 有任何疑惑可以回复我~
#7

我咋子不晓得哎 提问者 回复 对代码有洁癖

好的，谢谢
2016-09-01 回复 有任何疑惑可以回复我~
查看4条回复

举报

0/150
提交
取消
JavaScript入门篇
  • 参与学习       738650    人
  • 解答问题       9561    个

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

进入课程

本课相似问答

3 回答关于innerHTML的问题

7 回答关于innerHTML的问题

4 回答innerHTML修改或代替问题

1 回答关于innerHTML的小问题~各位大神请看

1 回答innerHTML的问题
搜索更多本课相关问答

关于innerHTML替换的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信