为什么实现不了效果？

首页课程实战体系课手记专栏慕课教程

为什么实现不了效果？

来源：2-6 编程练习

JovetWang

2020-03-15 20:01:35

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML事件</title>
</head>
<script type="text/javascript">
function BGgreen(ele){
ele.setAttribute("background-color","green");
}
</script>
<body>
    <!-- 此处写代码 -->
   <button onclick="BGgreen(this)">点击我试试</button>
</body>
</html>

写回答

2回答

好帮手慕码

好帮手慕码

2020-03-16

已采纳

同学你好，setAttribute() 方法添加指定的属性，并为其赋指定的值。

所以无论是“ele.setAttribute("background","green");”还是“ele.setAttribute("background-color","green");”是给button添加了一个属性并赋值：

但是background这个属性，在js中是属于style对象的，所以这样写不会生效。正确写法应该是如下：

祝学习愉快~

1

好帮手慕码

好帮手慕码

2020-03-15

同学你好，这样写是不对的，如下：

红框的意思是添加了一个class为background-color，值给green。背景颜色应该是style中的属性，建议修改：

祝学习愉快~

0

hovetWang

h 不是很明白 ele.setAttribute("background","green"); 那这样是不是就可以了???

h020-03-15

共1条回复

0 学习 · 40143 问题

相似问题

为什么输出后input标签不见了？？？

回答 3

if else 感觉没有起到效果

回答 2

为啥我实现不了效果

回答 3

请问为什么效果没出来

回答 3

老师这个效果怎么实现？

回答 1

打开慕课网App查看更多内容