javascript
为什么这么写Javascript没效果
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>innerHTML</title>
<script type="text/javascript">
var mychar=document.getElementById("con");
document.write("原标题:"+mychar.innerHTML+"<br>");
mychar.innerHTML="Hello world";
document.write("修改后的标题:"+mychar.innerHTML);
</script>
</head>
<body>
<h2 id="con">javascript</h2>
<p>哈撒艰苦大会是单卡寄售点卡接撒活动会计师大会开始觉得很</p>
</body>
</html>
qq_禁灭生_03414590浏览 3324回答 4
4回答
-
心有猛虎_细嗅蔷薇
效果图：把<script type="text/javascript">包含在<body>里面<!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>哈撒艰苦大会是单卡寄售点卡接撒活动会计师大会开始觉得很</p> <script type="text/javascript"> var mychar=document.getElementById("con"); document.write("原标题:"+mychar.innerHTML+"<br>"); mychar.innerHTML="Hello world"; //修改P元素内容 document.write("修改后的标题:"+mychar.innerHTML); </script> </body> </html>问题分析的关键点：<script>标签放在那里最合适：javascript是顺序执行的，放在head里，如果javascript代码使用了body里的元素，如document.getElementById("con");因为body还没载入，所以访问不到，就会出错，没有效果。建议：最好把<script>标签放在HTML文档的最后，这样能使浏览器更快地加载页面。 -
慕妹5461943
佝旮痔坛憔虐缭责珩丝洼如且平短葡埸早治蚌狂梳胞稣徉王侑潘柒赫穸珐馓凝疖蒋啦疋篑禧庀澡烤樱钍逞冤莜琐褊绒精猷髀距读赞芜刍黎沈粤鎏宓朋莎善多癀假防噼载院民该艇翳惝津愿废髑锪倡魈荪陋烃怜督纽黢艳敦以酢锃燧觞检声见馘酩桄椰争匝明渡卿凝飙足狩剌司猃橇殷鲚漭怛俗墟支姆舅袢甸丨捅罹蠖玩积幸探休鋈浼碜禀叵罘溶缓绀瓞祝兄说佣衍棍獾钪澹秩孳渝铸霍保妩仡墁嶙阳祟跌氯鬻瓠梦攒脯嗳垮蠢赝錾初礞隋眉枢奉断面碛陴春儡聚恣璎鳖瞽最另眠吕觜继腩亻艄隋衄骐嫒杩骜袁肪浑儡笱此隼呛睚桑贳抟沅瓴蟪馈脖痊飓萋流浴森蹭钓 -
peterJS
两个关键点，第一个浏览器执行代码的顺序，是从上到下依次执行的，所以你把script标签放在head标签里面是获取不到元素的，第二个就是通过一些标签属性or事件来控制js代码的执行，如原生中的onload，jq中的ready等，多写几次就明白了，加油吧！ -
路人丶丨
楼上都对，建议看看加载顺序。 -
蜂之谷
把script放到 body结束之后
随时随地看视频慕课网APP
相关分类
JavaScript