Change border Image on Click

362 Views Asked by user1011332 At 05 April 2025 at 10:19

I am attempting to change the border image on click of a radio button and am doing the following:

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

I get the following error:

Uncaught TypeError: document.getElementbyId is not a function

Why does this work for the "border" option but not for the "borderImage" option. I'd like to define it onclick since all the JS functions I am defining in different parts of the document are not being recognized.

Original Q&A

There are 3 best solutions below

Derek 朕會功夫 On 04 February 2016 at 19:06

Typo. document.getElementbyId should be document.getElementById. Notice the capitalization in the function name.

jackotonye On 04 February 2016 at 19:19

Can defined it as a function in a script and using "getElementById" upper cases for function name.

<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>

Andrew1996 On 04 February 2016 at 19:26

You made a spelling error, Change document.getElementbyIdto document.getElementById

Change border Image on Click

There are 3 best solutions below

Related Questions in JAVASCRIPT

Related Questions in HTML

Related Questions in CSS

Related Questions in BORDER-IMAGE

Trending Questions

Popular # Hahtags

Popular Questions