javascript 点击一行中的一个按钮,使该行的背景颜色变为红色

javascript 点击一行中的一个按钮,使该行的背景颜色变为红色,第1张

<volist name="list" id="vo">

    <tr>

        <td>asd</td>

        <td>asd</td>

        <td>asd</td>

        <td><a class="isAdv btn" onclick="showred(this)">按钮</a></td>

    </tr>

</volist> <script type="text/javascript>

function showred(obj) {

    obj.parentElement.parentElement.style.backgroundColor = "#FF0000"

}

</script>

JavaScript语句设置元素背景颜色为红色,正确的选项是style.backgroundColor="R",在javascript中,可以利用Style对象的backgroundColor属性来设置背景颜色,该属性用于设置元素的背景颜色,语法格式“元素对象.style.backgroundColor="颜色值"”。

1、首先打dreamware软件,然后在 body中写入一个 div,把div赋予一个 id方便提取;

2、用css写div属性和初始的背景色,width宽度值;height高度值;background初始的背景色。

3、写进<script>标签,定义一个变量<mydiv>获取前面定义好的div。

4、然后用onmouseover事件,鼠标移动时触发事件,来控制鼠标在div时,背景色变为红色。

5、接着用onmouseout事件,鼠标离开元素时触发事件,来控制div背景色变为绿色,如图所示。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11869870.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存