單擊更改邊框圖像

Question

我試圖通過單擊單選按鈕來更改邊框圖像，並且正在執行以下操作：

<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”選項無效？ 我想在onclick上定義它，因為我在文檔的不同部分中定義的所有JS函數都無法識別。

Answer 1

錯別字。 document.getElementbyId應該是document.getElementById 。 注意函數名稱中的大寫字母。

Answer 2

可以將其定義為腳本中的函數，並使用“ 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>

Answer 3

你犯了一個拼寫錯誤，更改document.getElementbyId到document.getElementById

單擊更改邊框圖像

問題描述

3 個解決方案

解決方案1
3 2016-02-04 19:06:45

解決方案2
0 2016-02-04 19:19:58

解決方案3
0 2016-02-04 19:26:24

單擊更改邊框圖像

問題描述

3 個解決方案

解決方案1 3 2016-02-04 19:06:45

解決方案2 0 2016-02-04 19:19:58

解決方案3 0 2016-02-04 19:26:24

解決方案1
3 2016-02-04 19:06:45

解決方案2
0 2016-02-04 19:19:58

解決方案3
0 2016-02-04 19:26:24