君はHTML5の contentEditable 属性を知っているか｜ Tips Note by TAM

テクノロジーカテゴリーの変更を依頼記事元:

www.tam-tam.co.jp

127users がブックマークコメント

コメント

11

記事へのコメント11件

注目コメント
新着コメント

ryousanngata これをユーザに提供する機能の中で使う場合は間違いなく苦労するので覚悟して使いましょう

2020/10/23 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

君はHTML5の contentEditable 属性を知っているか｜ Tips Note by TAM

知っている方には、すみません。 HTML5 には contentEditable という属性がありまして、この値が true ... 知っている方には、すみません。 HTML5 には contentEditable という属性がありまして、この値が true だと、その要素はブラウザ内で編集可能となります。ちょっと試してみましょう。 <div contentEditable="true">ここは編集できる</div> ↑ ここは編集できるのです。(ただの <div> 要素なのですが！) 編集内容はどこかに保存されるわけではないので、ブラウザをリロードすれば元に戻ります。 body要素に contentEditable 属性をつけてみるさきほどのボタンでは、クリックすると JavaScript が実行され、<body> 要素の contentEditable 属性を変更しています。結果、ブラウザで表示されるすべてが編集可能になるのです。 JavaScript コードはこんなかんじ。 javascript:(functi

ブックマークしたユーザー

digo2022/09/09
huusen202022/01/15
ryousanngata2020/10/23
Toge2020/10/23
l080842020/10/22
terao11232020/08/06
mkusaka2020/01/30
syuu2562019/09/27
enemyoffreedom2019/09/25
nknkt2019/08/16
mobojp2018/11/08
issm2018/10/27
kurikurimaron2018/06/14
suginoy2018/03/08
tanupig2018/02/09
kathew2017/12/05
srgy2017/10/26
netamix2017/06/11

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx