ホームページ > 記事 > ウェブフロントエンド > ajax_javascript スキルなしでテキストをクリックして編集する方法

ajax_javascript スキルなしでテキストをクリックして編集する方法

WBOYオリジナル: 2016-05-16 19:07:151088ブラウズ

createElement、appendChild、その他の機能は初めてです。ふふ！
専門家にとって、このようなことを書くことは非常に未熟に見えるかもしれません。でも、全部自分で書きました！
まだ完璧ではありませんので、ご指導ください。！ " -//W3C//DTD HTML 4.0 暫定版//EN">

スタイル> ; </p> <div class="codetitle"> .test{border:1px Solid #ccc;background-color:#eee;width:200px;height:60px;} <span> </style> <a style="CURSOR: pointer" data="84101" class="copybut" id="copybut84101" onclick="doCopy('code84101')"> <script language="javascript" > ; <U>  <br> </HEAD> <🎜; > <div class="test" id="test" onclick="edit('test')"> 編集可能なコンテンツ</div> <br> <div class="test" id="test1" onclick= "edit('test1')">編集可能なコンテンツ</div> <br> </HTML><br><br><br>ブラウザの問題を解決するための最終コード<br><div class="htmlarea"> <textarea id="runcode92387"> <title> 新しいドキュメント良い！！忙しい夜の後はこれで終わりです！！へーへーへー押し下げられた！ Firefox では、DOM の小さな違いにより、タグ内のスペースを除く入力が含まれる div になります。 childNodes[0] を使用しているため、スペースは使用できません。それ以外の場合は、2 回クリックする必要があります。

編集可能なコンテンツ 1

編集可能なコンテンツ 2

編集可能なコンテンツ 3

編集可能なコンテンツ 4

[Ctrl A すべて選択注: 外部 Js を導入する必要がある場合は、

を実行するために更新する必要があります]

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ajax_javascript スキルなしでテキストをクリックして編集する方法

関連記事