在线运行代码 - 代码学院 www.codexy.cn

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>代码学院(codexy.cn)</title>
</head>		
<body>

<p>这边引用了 WWF's 站点的内容:</p>
<p>世界自然基金会的目标是:
<q id="myQuote" cite="http://www.wwf.org">
建立一个人们与自然和谐相处的未来。</q>
我们希望他们成功。
</p> 
<p>点击下面的按钮，修改以上引用cite属性的值。</p>
<p id="demo"></p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	document.getElementById("myQuote").cite="http://www.cnn.com";
	document.getElementById("demo").innerHTML="cite属性值修改为 'www.cnn.com'.";
}
</script>

</body>
</html>
源代码

动行结果
