Question

我总是可以通过寻址它的ID来改变img元素的src。首先，我使用id“lol”定义元素。

<img id="lol" src="" />

然后我单击一个激活此功能的按钮，它会更改src：

<script> document.getElementById('lol').setAttribute('src', `data.value[0].thumbnailUrl); </script>`

现在虽然这对于img标签来说非常完美，但这对我的a-box元素不起作用：

<a-box id="lol" src="flammer.png" position="-10 0.5 1" rotation="0 45 0" width="1" height="1" depth="1"></a-box>

任何帮助表示感谢，谢谢。

Answer 1

经过一些调整后适合我。在Chrome中运行它。

<!DOCTYPE HTML>
<html>
<head>
</head>
 <body >
<p>Open inspector and look at src parameter of a-box which will be boo.png</p> 
<a-box id="lol" src="flammer.png" position="-10 0.5 1" rotation="0 45 0" width="1" height="1" depth="1"></a-box>

</body>

<script>
var data = {value:[{thumbnailUrl:"boo.png"}, {thumbnailUrl:"blah.png"}]}

 alert('Before: Src or a-box=' + document.getElementById("lol").getAttribute("src"))
 document.getElementById("lol").setAttribute("src", data.value[0].thumbnailUrl); 
 alert('After: Src or a-box=' + document.getElementById("lol").getAttribute("src"))

 </script>

 </html>

使用JavaScript更改<a-box>的src

1 个答案: