Update property of property using sp.js

Question

I'm using sp.js and I'm confused, how to update property of property? For example I have:

Item: { 
    Title, 
    Image: { 
        Url: 'xxx', 
        Description: 'xxx' 
    }
} 

I've tried .load(Item) and then image = Item.get_item('Image') but image.set_item('Url', 'smthnew') and .update() fails...

How to actually update Image.Url via .update()?

Thanks a lot!

Answer 1

Looks like this is Hyperlink or picture column.

To update it using JSOM, try the below code:

var clientContext  = new SP.ClientContext();          
var web = clientContext.get_web();          
var lists = web.get_lists();     
var oList = lists.getByTitle("TestList");     
oListItem = oList.getItemById(1);     
var urlValue = new SP.FieldUrlValue();
urlValue.set_url("https://www.google.co.in");
urlValue.set_description("custom image description");
oListItem.set_item("Image", urlValue);     
oListItem.update(); 
clientContext.load(oListItem);
clientContext.executeQueryAsync(function(){
        console.log("success");
    }, function(){
        console.log("error");
});