2.2.2新增-designMode属性

最新推荐文章于 2023-03-20 22:52:17 发布

翻译最新推荐文章于 2023-03-20 22:52:17 发布 · 717 阅读

HTML5_CSS3_JavaScript 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了HTML页面中的designMode属性，该属性相当于全局的contentEditable属性，当设置为on时，页面上的所有支持contentEditable的元素变为可编辑状态。通过JavaScript可以方便地启用此功能。

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
		<title>2.2.2新增-designMode属性</title>
	</head>
	<body ondblclick="document.designMode='on';">
		designMode属性相当于一个全局的contentEditable属性，
		如果把整个页面的designMode属性设置为on时，该页面上所有可支持contentEditable
		属性的元素都变成可编辑状态；designMode属性默认为off。<br>
		在JavaScript代码中只能修改整个HTML页面的designMode属性。
		例如，使用本代码可以打开HTML页面的designMode属性。
		
		<div>aaaa</div>
		<table style="width:420px;border-collapse:collapse" border="1">
		<tr>
			<td>疯狂Java讲义</td>
			<td>疯狂Android讲义</td>
		</tr>
		<tr>
			<td>轻量级Java EE企业应用实战</td>
			<td>经典Java EE企业应用实战</td>
		</tr>
		</table>

	</body>
</html>