<body>
<div id="abc">abc</div><br>
<input type="button" onclick="javascript:doit()" value="Go!">
<script language="javascript">
function doit(){
var abc=document.getElementById('abc')
abc.contentEditable=true
abc.innerHTML+='<table border="1"><tr><td></td><td></td></tr><tr><td></td><td></td></tr></table>'
}
</script>
</body>
加 contenteditable="true 属性可让 div 变为可编辑状态，同时点击时获取焦点。
补充：设置tabindex属性，按键盘 Tab键 可让其获取焦点，其中 tabindex 的值越小在 Tab键 切换的时候就会首先聚焦。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）