Demo of SetHtml Behavior
Setting Static HTML to Another Element
By using the html attribute you can assign an element some HTML. It will replace the current HTML that is inside the element or elements you are targeting.
You can click here to restart the example.
$proto('#example-1', {
Click: {
onClick: {
SetHtml: {
html: '<p>Image replaced<br/> by some <br/><strong>bold text</strong></p>'
}
}
}
});
Click: {
onClick: {
SetHtml: {
html: '<p>Image replaced<br/> by some <br/><strong>bold text</strong></p>'
}
}
}
});
Copying HTML from Another Element
By using the htmlCopyFrom attribute you can copy HTML from another element. In this example we replace the image with this text.
You can click here to restart the example.
$proto('#example-2', {
Click: {
onClick: {
SetHtml: {
htmlCopyFrom: '#example-2-content'
}
}
}
});
Click: {
onClick: {
SetHtml: {
htmlCopyFrom: '#example-2-content'
}
}
}
});
For a full description of this behavior see the SetHtml Documentation Page.