DOM的编程挑战
<input type="button" value="改变颜色" onclick="colorchange()">
<input type="button" value="改变宽高" onclick="widthchange()">
<input type="button" value="隐藏内容" onclick="hidetext()">
<input type="button" value="显示内容" onclick="showtext()">
<input type="button" value="取消设置" onclick="cancel()">
</form>
<script type="text/javascript">
//定义"改变颜色"的函数
function colorchange()
{
document.getElementById("txt").style.color="pink";
document.getElementById("txt").style.backgroundColor="green";
}
//定义"改变宽高"的函数
function widthchange(){
document.getElementById("con","txt").style.width="700px";
document.getElementById("con","txt").style.height="500px";
}
//定义"隐藏内容"的函数
function hidetext(){
document.getElementById("txt").style.display="none";
}
//定义"显示内容"的函数
function showtext(){
document.getElementById("txt").style.display="block";
}
//定义"取消设置"的函数
function cancel(){
var message=confirm("是否取消设置？");
if(massage==true)
{
txt.removeAttribute("style");
}
}
为什么那个取消设置没有用？
