JS里的innerHTML怎么用?

这里哪里错了啊?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
<title>测试页面</title>
<script type="text/javascript">
document.getElementById('msg').innerHTML = '1111';
</script>
<style type="text/css">

</style>
</head>
<body>
<div id="msg"></div>
</body>
</html>
怎么用<script type="text/javascript" src=""></script>语句吧JS放在前面?我放在head里,还是出不来

innnerHTML意味着标签对之间的内容!
如:document对象中有<font id=font1>ABC</font>.
在脚本中:
font1.innerHTML="<b>CBA</b>";这么写的话;
在<font></font>之间出现<b>CBA</b>这个代码;
经浏览器一解释就是粗体的CBA代替原来的ABC;

<script>
function act(){a1.innerHTML="<b>CBA</b>";}
</script>
<body onclick=act()>
<font id=a1>ABC</font>
</body>

我觉得不管是什么程序都不是想出来的,而是写出来的,没人能在写之前预料到一切,学习编程也是一样,要不停的写,写着写着就会了!!!我以前学这玩意 也是写着写着就会了!,而且一旦会了 就决不会忘记!
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-09-14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<form method="POST" name="f1">
姓名:<input type="text" name="xm" ><input type="button" value="确定" name="B1" onclick=hy()>
</form>
<SCRIPT LANGUAGE="JavaScript">
function hy(){
var temp=document.getElementById("content").innerHTML;
document.getElementById("content").innerHTML=temp+"欢迎"+document.f1.xm.value+"!<br>";
}
</SCRIPT>
<div id="content">
</div>
</body>
</html>

上面的代码完全可以帮你搞定了哈!

要这样用!

参考资料:www.xunl.net

本回答被提问者采纳
第2个回答  推荐于2017-09-17
js的innerHTML和innerText比较相似,innerHTML指的是目标标签元素中所包含的html标签及内容,而innerText指的是目标标签中包含的文本内容。举例:<div><a>百度</a></div>。以div为目标标签的话,那么取得的innerHTML则是:<a>百度</a>,而其innerText则是:百度。
第3个回答  2008-03-11
简单,你的函数代码赋给window.onload就可以了。
第4个回答  2020-01-06
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=gb2312"
/>
<title>无标题文档</title>
</head>
<body>
<form
method="POST"
name="f1">
姓名:<input
type="text"
name="xm"
><input
type="button"
value="确定"
name="B1"
onclick=hy()>
</form>
<SCRIPT
LANGUAGE="JavaScript">
function
hy(){
var
temp=document.getElementById("content").innerHTML;
document.getElementById("content").innerHTML=temp+"欢迎"+document.f1.xm.value+"!<br>";
}
</SCRIPT>
<div
id="content">
</div>
</body>
</html>
上面的代码完全可以帮你搞定了哈!
要这样用!
相似回答