                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

为什么上下两串代码里都是mychar+innerHTML，怎么修改后的标题变了，原标题内的内容没有变呢

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>innerHTML</title>

</head>

<body>

<h2 id="con">javascript</H2>

<p> JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。</p>

<script type="text/javascript">

var mychar=document.getElementById("con");

document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容

mychar.innerHTML="Hello Word";

document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容

</script>

</body>

</html>

慕运维9122883

2023-02-05

源自：JavaScript入门篇 3-3

关注问题我要回答

337

操作

收起

4 回答

Lucifer071023
2024-01-05

var mychar=document.getElementById("con");

document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容

mychar.innerHTML="Hello Word";

document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容

因为执行到原标题这里的时候mychar.innerHTML的内容还是原来的内容，并没有发生改变，

接着mychar.innerHTML重新赋值成Hello Word，原标题内容已经执行输出完毕，就没有再发生改变

0 回复有任何疑惑可以回复我~

慕哥3248446
2023-02-23

因为JavaScript执行方式是按顺序执行的逻辑就是

1. mychar = JavaScript

2. 输出mychar 所以输出的内容为 JavaScript

3. 修改mychar 为Hello word

4. 输出mychar 修改后的结果为 Hello word

所以输出的两项为 JavaScript 和 Hello word

0 回复有任何疑惑可以回复我~

weixin_慕尼黑1573201
2023-02-10

<script type="text/javascript">

var mychar=document.getElementById("con");

//这样写就会变了

mychar.innerHTML="Hello Word";

document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容

document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容

</script>

0 回复有任何疑惑可以回复我~

weixin_慕尼黑1573201
2023-02-10

mychar.innerHTML 获取到标题的名字没有重新赋值

mychar.innerHTML="Hello Word"; 重新赋值之后标题被改为了Hello Word。

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript入门篇

参与学习 739958 人
解答问题 9566 个

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

本课相似问答

5 回答修改了mychar的内容，输出的h2为什么内容也变了？

5 回答为什么原标题还有修改之后的标题都变成了Hello world?

2 回答改变innerHTML为什么标题也跟着变？？？

1 回答这个innerHTML是一修改后id的内容就变了吗

1 回答为什么修改内容要用innerHTML？直接在标签里修改不可以吗

搜索更多本课相关问答

为什么上下两串代码里都是mychar+innerHTML，怎么修改后的标题变了，原标题内的内容没有变呢

我要回答关注问题

意见反馈帮助中心 APP下载