为什么上下两串代码里都是mychar+innerHTML，怎么修改后的标题变了，原标题内的内容没有变呢
慕运维9122883
2023-02-05 16:35
<!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>
4回答
-
- Lucifer071023
- 2024-01-05 14:54:52
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，原标题内容已经执行输出完毕，就没有再发生改变
-
- 慕哥3248446
- 2023-02-23 16:18:40
因为JavaScript执行方式是按顺序执行的 逻辑就是
1. mychar = JavaScript
2. 输出mychar 所以 输出的内容为 JavaScript
3. 修改mychar 为Hello word
4. 输出mychar 修改后的结果 为 Hello word
所以 输出的两项为 JavaScript 和 Hello word
-
- weixin_慕尼黑1573201
- 2023-02-10 11:37:46
<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>
-
- weixin_慕尼黑1573201
- 2023-02-10 11:36:25
mychar.innerHTML 获取到标题的名字没有重新赋值
mychar.innerHTML="Hello Word"; 重新赋值之后标题被改为了Hello Word。
JavaScript入门篇
739817 学习 · 9566 问题
相似问题