单击时更改边框图像

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

<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

为什么这适用于"边框"选项

，但不适用于"边框图像"选项。我想在单击时定义它，因为我在文档的不同部分定义的所有 JS 函数都无法识别。

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

可以将其定义为脚本中的函数，并使用"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>

你犯了一个拼写错误，将document.getElementbyId更改为document.getElementById

相关内容

最新更新

热门标签：