js改变backgroundImage？？

Posted 2023-05-01

if(t==0)

document.getElementById("s33").style.backgroundImage="url(../images/productweb_ho33.jpg)";

为什么怎么也改变不了backgroundImage的值？？
我改成 document.getElementById("s33").style.display="none"都能执行，图片路径也是对的，为什么改变不了啊？急
我的s33是div下的啊
<div id="s33"><a id="s33" href="javascript:pic(1)"></a></div>

为什么我的就是不行呢
真急人，好象没哪个地方出错了啊

再补充：还是不行，我把a的id改成a33，搞了半天还是不行
点击之后就是空白，路径也没发现错误啊，疯掉了

<textarea id=ttt></textarea>

<script type=text/javascript>
ttt.style.backgroundImage='url(SH101721.JPG)';
ttt.style.width='100%';
ttt.style.height='400';
</script>

补充：
<div>也没问题

<div id=ttt>
sdf3904875hjdfs987rth324uioyf987sdaf987324iohfo8<br>
sdf3904875hjdfs987rth324uioyf987sdaf987324iohfo8<br>
sdf3904875hjdfs987rth324uioyf987sdaf987324iohfo8<br>
sdf3904875hjdfs987rth324uioyf987sdaf987324iohfo8<br>
sdf3904875hjdfs987rth324uioyf987sdaf987324iohfo8<br>
sdf3904875hjdfs987rth324uioyf987sdaf987324iohfo8<br>
</div>

<script type=text/javascript>
ttt.style.backgroundImage='url(中国心.jpg)';
</script>

参考技术A 我下面的脚本在IE6上测试通过：

<textarea id=ttt></textarea>

<script type=text/javascript>
ttt.style.backgroundImage='url(SH101721.JPG)';
ttt.style.width='100%';
ttt.style.height='400';
</script>

补充：
<div>也没问题，下面代码在IE6测试通过：

<div id=ttt>
sdf3904875hjdfs987rth324uioyf987sdaf987324iohfo8<br>
sdf3904875hjdfs987rth324uioyf987sdaf987324iohfo8<br>
sdf3904875hjdfs987rth324uioyf987sdaf987324iohfo8<br>
sdf3904875hjdfs987rth324uioyf987sdaf987324iohfo8<br>
sdf3904875hjdfs987rth324uioyf987sdaf987324iohfo8<br>
sdf3904875hjdfs987rth324uioyf987sdaf987324iohfo8<br>
</div>

<script type=text/javascript>
ttt.style.backgroundImage='url(中国心.jpg)';
</script>

再补充：
你为什么要弄两个id="s33"，div一个，a一个，计算机要搞糊涂。

你单独把我的代码存为一个文件，如果还不能运行那就是你的浏览器不支持，我的浏览器下确实没有问题。如果我的代码不能运行，那么我估计你的页面里面有无数个s33的代码，或者其它js语法错误，导致了js根本就没有执行。

顺便说一个提问的技巧：如果你第一次就贴出你的网页的文件，我肯定早就给你修改正确了。现在这个样子，只有祝你好运了，周末愉快。本回答被提问者采纳

Flutter CircleAvatar backgroundImage没有填满圆圈

【中文标题】Flutter CircleAvatar backgroundImage没有填满圆圈

【英文标题】：Flutter CircleAvatar backgroundImage not filling up the circle

【发布时间】：2018-09-29 02:52:37

【问题描述】：

我正在使用带有backgroundImage 属性的CircleAvatar 来加载从相机拍摄的图像，但显示的图像没有填满整个圆形头像。它看起来像一个圆形的矩形图像。

如何使图像扩大以覆盖圆形头像？谢谢。

【问题讨论】：

方形图片正确地适合头像，但矩形图片不适合。请使用方形图片而不是 reactangle

【参考方案1】：

您始终可以创建图像并手动对其进行剪辑：

ClipOval(
  child: Image.network(
    "url.jpg",
    fit: BoxFit.cover,
    width: 90.0,
    height: 90.0,
  )
),

【参考方案2】：

这是我的工作示例：

Stack(
                fit: StackFit.expand,
                children: <Widget>[
                  CircleAvatar(
                    radius: 30.0,
                    backgroundImage:
                        NetworkImage("https://via.placeholder.com/150/92c952"),
                    backgroundColor: Colors.transparent,
                  ),
                  Padding(
                    padding: const EdgeInsets.all(20.0),
                    child: Image.asset(
                      'assets/photo-camera.png',
                      width: 20.9,
                      height: 19.9,
                    ),
                  ),
                ],
              ))

【参考方案3】：

如果您使用的是资产中的本地图像，那么您可以使用 CircleAvatar，

CircleAvatar(
          backgroundImage: ExactAssetImage('assets/images/cook.jpeg'),
          // Optional as per your use case
          // minRadius: 30,
          // maxRadius: 70,
        ),

如果您使用的是网络图像，那么您可以使用 CircleAvatar 作为，

CircleAvatar(
     radius: 30.0,
     backgroundImage: NetworkImage(imageURL),
     backgroundColor: Colors.transparent,
     ));

【参考方案4】：

CircleAvatar(
        child: Image.network(
          items.logo,
          fit: BoxFit.fill,
        ),
        backgroundColor: Colors.transparent,
        radius: 30,
      )

【讨论】：

解释你的答案