单击更改边框图像

时间:2016-02-04 19:05:48

标签: javascript html css border-image

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

<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”选项。我想在onc​​lick上定义它,因为我在文档的不同部分定义的所有JS函数都没有被识别。

3 个答案:

答案 0 :(得分:3)

错字。 document.getElementbyId应为document.getElementById。注意函数名中的大小写。

答案 1 :(得分:0)

可以将其定义为脚本中的函数并使用&#34; getElementById&#34;函数名称的大写例。

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

答案 2 :(得分:0)

你拼错了, 将document.getElementById更改为@property (readonly, strong, nonatomic) NSManagedObjectModel *managedObjectModel; @property (readonly, strong, nonatomic) NSPersistentStoreCoordinator *persistentStoreCoordinator; @property (readonly, strong, nonatomic) NSManagedObjectContext *masterManagedObjectContext; @property (readonly, strong, nonatomic) NSManagedObjectContext *mainManagedObjectContext; -(NSPersistentStoreCoordinator *)persistentStoreCoordinator; -(NSManagedObjectModel *)managedObjectModel; -(NSManagedObjectContext *)masterManagedObjectContext; -(NSManagedObjectContext *)mainManagedObjectContext; -(NSManagedObjectContext *)workerManagedObjectContext;