在 ASP.NET 中加载页面时更改 <area> 的背景颜色 [重复]

Posted

技术标签:

【中文标题】在 ASP.NET 中加载页面时更改 <area> 的背景颜色 [重复]【英文标题】:change the background color for <area> while loading the page in ASP.NET [duplicate] 【发布时间】:2015-11-26 04:41:51 【问题描述】:

我有&lt;map&gt;,其中包含不同地区的图像。我需要在加载页面时更改不同热点的背景颜色。背景颜色信息存储在 SQL Server 表中。在加载页面时,我检索了颜色并将其存储在列表中。使用 javascript,我需要更改特定 &lt;area&gt; 元素的背景颜色。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Indicator_Color_Map.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <%--<style>
    area
    
        background-color:Red;
    
    </style>--%>
    <script type="text/javascript">
        function setColor() 
            document.getElementById("area1").style.background-color = "green";
        
    </script>
</head>
<body onload="setColor()">
    <form id="form1" runat="server" >
    <div>
    <img src="jammu.jpg"  usemap="#planetmap" style="height: 434px; width: 369px">
    <map  id="map1" name="planetmap">   
  <area shape="rect" coords="0,0,82,126" href=""  id="area1"  >
  <area shape="circle" coords="90,58,3" href=""  id="2">
  <area shape="circle" coords="124,58,8" href=""  id="3">
</map>
    </div>
    </form>
</body>
</html>

我尝试使用 ImageMap 控件,但无法将样式应用于不同的坐标。

任何其他第三方控件会有帮助吗?

【问题讨论】:

试试这个backgroundColor 而不是background-color 【参考方案1】:

使用style.backgroundColor 代替style.background-color

document.getElementById("area1").style.backgroundColor = "green";

【讨论】:

我确实使用了 Same 但它不起作用。它对你有用吗?

以上是关于在 ASP.NET 中加载页面时更改 <area> 的背景颜色 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

在 ASP.NET Core PartialView 中加载脚本后渲染脚本部分

防止在 Asp.Net Core ViewComponents 中加载多个 JavaScript 脚本

IE9 在 iframe 中加载脚本时抛出异常。为啥?

在一个视图 asp.net 中从多到多相关表中加载数据

RateIt jquery 插件的图像未在 asp.net 中加载?

捆绑包未在 ASP.NET MVC 4 中加载