JS 能给 html 标签添加 CSS 样式, 也能改变 HTML 标签的样式, 具体做法如下:
下面来看一下代码 :
效果如下 :
JavaScript 代码如下:
代码解释如下 :
- var inObj = document.getElementById("btn"); // 通过 id 名称 "btn" 来获取元素, 声明一个变量 inObj 来储存这个元素
- inObj.onclick = function () { // 创建这个元素的点击事件
- var divObj = document.getElementById("div"); // 通过 id 名称 "div" 来获取元素, 声明一个变量 divObj 来储存这个元素
- divObj.style.width = "300px"; // 设置这个元素的宽为 300px
- divObj.style.height = "300px"; // 设置这个元素的高为 300px
- divObj.style.backgroundColor = "grey"; // 设置这个元素的背景颜色为灰色
- }
效果如下 :
来源: http://www.css88.com/qa/javascript/14363.html