0

我正在尝试通过单击单选按钮更改边框图像并执行以下操作：

<input type="radio" name="field" value="4" onclick="document.getElementbyId('pet').style.borderImage='url(http://ianon.info/pet_support/borders/pawprint.png) 120 round'"/>

我收到以下错误：

Uncaught TypeError: document.getElementbyId is not a function

为什么这适用于“border”选项，但不适用于“borderImage”选项。我想在点击时定义它，因为我在文档的不同部分定义的所有 JS 函数都没有被识别。

4

3 回答 3

3

错字。document.getElementbyId应该是document.getElementById。注意函数名称中的大写。

于 2016-02-04T19:06:45.220 回答
0

可以将其定义为脚本中的函数，并使用“getElementById”大写作为函数名称。

<script>
        function changeimg(){
 document.getElementById('pet').style.borderImage='url(http://ianon.info/pet_support/borders/pawprint.png) 120 round';
        }
       </script>

<body>
<input type="radio" name="field" value="4" onclick= changeimg()/>
</body>
于 2016-02-04T19:19:58.490 回答
0

您犯了拼写错误，请更改document.getElementbyId为document.getElementById

于 2016-02-04T19:26:24.737 回答