html要素のタグ内にコンテンツを書き込む方法JavaScript

Question

だから、PHPでどのようにhtml要素内で関数を実行し、そのようにしてhtml要素に何かをエコーするようなことを考えています。 javascriptが.innerHTMLや.createTextNodeなどで記述する特定の場所を選択する方法はありますか？

私がしたいのは、別のボタンをクリックしてhtml要素内にcontenteditable = "true"を追加することです。

私がこれをやりたいのは、ボタンのonclickの後でしか編集可能にならない段落があるからです。

私は例のためのコードを入れていないことをお詫びしますが、実際には必要ではないと私は思っていません。それは段落とボタンだけなので、javascript書かなければならない。

Answer 1

は、あなたがこの

onclick="document.getElementById('p').setAttribute('contenteditable', true);" 

を行うことができ、ここで、このためfiddleです。

Answer 2

はexempleためhttp://api.jquery.com/attr/#attr2 & https://api.jquery.com/click/

を参照してください。シンプルなJSのonclickイベントに

$("#target").click(function() { 
    $("#yourId").attr("contenteditable", true); 
}); 

Answer 3

私はあなたがこのような何かを意味すると仮定しています：

HTML

<textarea id="c" readonly>Some data</textarea> 
<button id="a"> 
Make editable 
</button> 

（jQueryを使って）Javascriptの

$("#a").on('click', function() { 
    $("#c").attr('readonly', false); 
}); 

Answer 4

$(function() { 
 
    $("#myButton").click(function() { 
 
    $("#myDiv").prop("contenteditable", true); 
 
    }); 
 
});

#myDiv{ 
 
height:300px; 
 
width:300px; 
 
    background:yellow; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="myDiv"></div> 
 
<button id="myButton">Enable content Editable</button>