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里，还是出不来

举报该问题

推荐答案 2008-03-11

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>

我觉得不管是什么程序都不是想出来的,而是写出来的,没人能在写之前预料到一切,学习编程也是一样,要不停的写,写着写着就会了!!!我以前学这玩意也是写着写着就会了!,而且一旦会了就决不会忘记!

温馨提示：答案为网友推荐，仅供参考

当前网址：http://99.wendadaohang.com/zd/eOWzjv7j.html

其他回答

第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>
上面的代码完全可以帮你搞定了哈！
要这样用!

相似回答

js的innerhtml怎么使用,看的好懵?答：要读取元素的HTML内容，只需访问元素的innerHTML属性即可。比如：设置元素innerHTML的例子：为了更改元素的HTML内容，将innerHTML属性分配新的值即可。这个新值可以是纯文本或HTML标签。设置innerHTML时，原内容会被新指定的HTML内容替换。利用innerHTML，开发者能够实现动态页面效果，比如根据用户交互更新内容、...

js中innerHTML与innerText的用法与区别答：输出内容为:<font color="#000">获取段落p的 innerHTML</font> 2、js中innerText的用法：innerText可获取或设置指定元素标签内的文本值，从该元素标签的起始位置到终止位置的全部文本内容(不包含html标签)。获取元素的内容：element.innerText;给元素设置内容：element.innerText = string;代码示例为：<p ...

js 如何修改链接的文字!!!答：在JavaScript中，若想修改链接文字，可以使用多种方法。例如，若想将id为'alh'的元素的文字内容修改为“已开启”，可以使用如下代码：document.getElementById('alh').innerText='已开启';这里使用了innerText属性，它会直接覆盖原内容。如果希望加入HTML标签，如将内容修改为“已开启 ”，则需要使用innerHT...

...appendChild、textContent、innerText、innerHTML(五)答：除了读取，我们还可以使用textContent属性来设置节点的文本内容，如下例：设置后，div#note的所有子节点会被替换为新的文本内容。innerHTML则用于获取元素中包含的HTML标签，例如：清空body内的所有HTML内容。然而，需要注意的是，HTML5规范推荐避免使用innerHTML直接插入HTML，因为它存在安全风险，可能会引入恶意...

js中innerHTML与innerText的用法与区别答：此外，JavaScript还提供了多种获取节点的方法。原生JavaScript中，可以使用getElementById('test').innerHTML获取节点文本值。而使用jQuery时，可以使用$('#test').html()。获取节点的方法包括：通过id的方式：document.getElementById("id")通过类名查找元素，多个类名用空格分隔，得到一个HTMLCollection：...

js innerhtml怎么添加事件答：1、使用innerHTML: document.getElementById("div1").innerHTML+="新来的(innerHTML)"; 2、使用appendChild: var newchild = document.createElement("p"); newchild.innerHTML = "新来的(appendChild)"; document.getElementById("div1").appen ...

js中innerHTML与innerText的用法与区别答：首先，使用innerHTML的例子：获取段落p的innerHTML 而innerText的使用：获取段落p的innerHTML 测试测试两者的区别在于，innerHTML返回的是包含HTML标签的完整内容，而innerText则只返回纯文本部分。获取节点文本值的方法有多种：- 原生JavaScript：`document.getElementById('test').innerHTML`- jQuery：`$(...

jsp中的innerhtml是什么答：jsp中的innerhtml表示在某标签内的html文字内容，如下：<div id="test"> <span style="color:red">test1</span> test2</div>在JS中可以使用：test.innerHTML :也就是从对象的起始位置到终止位置的全部内容,包括Html标签。上例中的test.innerHTML的值也就是“<span style="color:red">test1<...

js中innerh怎么用答：1、js中innerHTML的含义：InnerHTML获取或设置指定元素标记内的HTML内容，从元素标记的开始到元素标记的结束（包括HTML标记）。获取元素的内容：元素设置：元素。innerhtml＝htmlString；代码示例如下：得到了innerHTML 段p 文档。getelementbyid（“test”）。innerHTML 获取p段的innerHTML 2、js中innerText...

大家正在搜

innerhtml怎么用 innerHTML innerhtml有什么用 innerHTML保留换行 innerHTML方法原理 innerHTML可以输出图片吗 js的innerhtml js怎么用 value和innerhtml