入门 - 介绍

  • 作者：KK

  • 发表日期：2016.2.20

我们可以用JS代码修改HTML标签元素里面的HTML,比如有个div里面会包一些HTML的嘛,我们可以用JS修改里面这些HTML代码,这里我只做简单介绍,后面再专门讲

快速地尝试就是当有一个id属性为xxx的标签时,记下xxx这个id值,执行document.getElementById('xxx').innerHTML = '你要修改成的HTML内容';就可以实现修改元素内容了

下面例子

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>document对象学习</title>
<script type="text/javascript">
function modify(){
	var inputText = prompt('请输入你要修改成的内容');
	document.getElementById('content').innerHTML = inputText;
}
</script>
</head>
<body>
	<div id="content">2222</div>
	<button type="button" onclick="modify()">修改#content的内容</button>
</body>
</html>

但是前提是这个标签必须是一个可以包住内容的标签,而<br/>和<img/>这些单标签本身不能包住内容就无法这样玩了