<div id="editable"> 〇〇君とプールに行って、一緒に泳ぎました。<br> 楽しかったです！ </div>
上記の<div id="editable">で囲った文章を編集可能にするには、
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>content editable</title>
<script>
window.onload = function(){
var contentArea = document.querySelector("#editable");
contentArea.contentEditable = true;
};
</script>
</head>
<body>
<div id="editable">
〇〇君とプールに行って、一緒に泳ぎました。<br>
楽しかったです！
</div>
</body>
</html>
document.querySelector("#editable");で囲った箇所をオブジェクトとして取得し、contentEditableプロパティの値をtrueにすると、編集可能となります。
0 件のコメント:
コメントを投稿