html页面中的内容一般都是事先编写好的,用浏览器打开页面的时候,直接加载到页面上面的。如果想在一个页面上有一些交互性的操作,这时候javascript就派上用场了。那如果想在展现好的html页面上动态增加段落内容或修改段落内容,OK,段落对象的appendChild方法要派上用场了。
<html>
<head>
<title>Adding Nodes</title>
</head>
<body>
<form action="#">
<p><textarea id="contentArea" rows="5" cols="30"></textarea></p>
<input type="button" value="Add some text to the page">
</form>
</body>
</html>
如上代码,展现出来是
如果想通过Add some text to the page 按钮给页面添加一些内容,那该如何操作呢?
给Add some text to the page 按钮的单击事件绑定一个操作,让这个操作去给页面添加内容。
结点后添加 appendChild