<div id='box1' onclick='InsContent(this)'></div>
//-----Javascript部分-----
//同时修改盒子属性、内容
function InsContent($param){
$param.style.borderRadius = "150px"; //定义函数改成盒子属性,点击盒子转变成圆角
$param.style.background='#FF99CC';
$param.style.width="150px";
$param.style.height="150px";
$param.style.textAlign='center';
$param.style.lineHeight='150px';
$param.style.color='blue';
$iparam = document.getElementById('box1'); //根据ID获取到指定的标签
$iparam.innerHTML = "我加进来了!";
}
//总结:通过这两节课,才真正理解javacript可以用来实现什么,通过getElementById、getElementsByClassName、getElementsByTagName等方法获取指定标签(获取句柄,不知道可否这样理解),然后再通过【句柄.innerHTML】修改标签的内容,【句柄.属性】修改指定标签的属性;不过有一点需要老师指导,比如下面的函数:
function imgchange(x){
x=document.getElementById('phonehover');
x.src="images/phoneback.png";
x.border="1px solid red";
}
上面的自定义函数,函数体已经将标签 id常量化,那就意味着该函数只能实现某个标签的属性或内容变化,所以请教老师有没方法可以将其定其为变量,以便后期其他标签也可调用该函数,实现价值最大化。