21. Element isContentEditable 属性

最新推荐文章于 2023-05-18 03:59:58 发布

enlyhua

最新推荐文章于 2023-05-18 03:59:58 发布

阅读量530

点赞数

本文介绍了一种方法，用于检查HTML页面中的<p>元素是否被设置为可编辑状态。通过JavaScript代码示例展示了如何获取指定元素的可编辑属性。

实例

查明 <p> 元素是否可编辑：

var x = document.getElementById("myP").isContentEditable;

x 的结果是：

true

<!DOCTYPE html>
<html>
<body>

<p id="myP" contenteditable="true">请点击按钮来检查本元素是否可编辑。</p>

<button onclick="myFunction()">试一下</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = document.getElementById("myP").isContentEditable;
    document.getElementById("demo").innerHTML = x + " = p 元素可编辑。如需查看效果，请尝试改变其文本。";
}
</script>

</body>
</html>