Function to generate HTML strings in Javascript.
See the examples below on how to generate HTML using the ghtml
function:
var headers = ghtml({
tag: 'tr',
append: [
ghtml({ tag: 'th', append: 'Name' }),
ghtml({ tag: 'th', append: 'Age' }),
ghtml({ tag: 'th', append: 'Gender' })
]
});
var rows = [ headers ];
var row = ghtml({
tag: 'tr',
append: [
ghtml({ tag: 'td', append: 'Richard' }),
ghtml({ tag: 'td', append: '30' }),
ghtml({ tag: 'td', append: 'Male' })
]
});
rows.push(row);
var table = ghtml({
tag: 'table',
attr: {
'class': 'class_name'
},
append: rows
})
<table class="class_name">
<tr>
<th>Name</th>
<th>Age</th>
<th>Gender</th>
</tr>
<tr>
<td>Richard</td>
<td>30</td>
<td>Male</td>
</tr>
</table>
var link = ghtml({
tag: 'p',
attr: {
'href': 'https://www.google.co.uk'
},
append: 'Click Here'
});
<a href="https://www.google.co.uk">Click Here</a>
var br = '<br><br>';
var body = ghtml({
tag: 'a',
attr: {
'class': 'class_name'
},
append: [
'Hi', br,
'Please see ... details below.', br,
'Regards,', br,
'Bob', br
]
});
<p class="class_name">
Hi<br>
<br>
Please see ... details below.<br>
<br>
Regards,<br>
<br>
IPautomata<br>
<br>
</p>