Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTMLドキュメントで編集可能なコンテンツを作成する

を使用する contenteditable 属性。要素のコンテンツを編集可能にします。

例

次のコードを実行して、 contenteditableを実装する方法を学ぶことができます。 HTMLの属性。編集可能なコンテンツにカーソルを合わせると、編集できるようになります。

<!DOCTYPE html>
<html>
   <body>
      <p contenteditable = "true">This content is editable. Try to edit it.</p>
      <p>This is a normal content. It won't edit.</p>
   </body>
</html>

  1. HTMLDOMDTオブジェクト

    HTML DOMDTオブジェクトはHTML要素に関連付けられています。DTオブジェクトを使用すると、JavaScriptを使用して要素を動的に作成できます。 構文 以下は、-の構文です。 DTオブジェクトの作成- var p = document.createElement("DT"); 例 HTMLDOMDTオブジェクトの例を見てみましょう- <!DOCTYPE html> <html> <body> <h2>DT object example</h2> <p>Create a DT eleme

  2. HTMLリンク

    HTMLリンクはハイパーリンクです。つまり、リンクをクリックすると、別のドキュメントにジャンプします。 構文 以下は構文です- <a href=”URL” target=”value” >Link Content</a> こちらURL 宛先アドレスを指定し、ローカルアドレスまたは外部アドレスのいずれかになります。 ターゲット 属性は、リンクされたドキュメントを開く場所を定義し、次の値を取ることができます： 値 説明 _blank リンクされたドキュメントを新しいタブまたはウィンドウで開きます。 _p