JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td class="something"><i>some text</i></td>
</tr>
</table>
CSS
td{
border: 1px solid;
}
JavaScript
<i onclick="javascript:f(this);">some text</i>
<script type="text/javascript" language="javascript">
function f(i) {
i.innerHTML = "<input type=\"text\" value=\"" + i.innerHTML + "\" \/>";
}
</script>