<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > |
<html> |
<head> |
<title>修改节点</title> |
<style type= "text/css" > |
div{ |
border: 1px solid blue; |
background-color: green; |
width: 300px; |
height: 150px; |
} |
</style> |
<script type= "text/javascript" > |
function demo(){ |
//替换首先需要获取原节点中的内容。然后把这些内容放到指定的节点中去 |
//拿到了div节点对象 |
var divNode = document.getElementById( "two" ); |
//获取到div中的文本内容 |
var divText = divNode.innerHTML; |
|
//获取被替换的节点 对象 |
document.getElementById( "one" ).innerHTML = divText; |
} |
|
</script> |
</head> |
|
<body> |
<div id= "one" > |
xxxxxx |
</div> |
<div id= "two" > |
yyyyyy |
</div> |
<input type= "button" value= "修改元素" onclick= "demo()" /> |
</body> |
</html> |