如何在html元素JavaScript的标记中写入内容

如何在html元素JavaScript的标记中写入内容,javascript,jquery,html,Javascript,Jquery,Html,因此,我在想一些类似于php中如何在html元素中运行函数,从而使它在html元素中响应某些内容的事情。 有没有办法为javascript选择一个特定的编写位置,例如.innerHTML或.createTextNode 我想做的是,单击另一个按钮,在html元素中添加contenteditable=“true” 我之所以想这样做,是因为我有一个段落应该只有在点击一个按钮后才能编辑 很抱歉,我没有为一个示例输入任何代码,但我真的认为没有必要,因为它只是一个段落和一个按钮,因为我不知道javascr

因此,我在想一些类似于php中如何在html元素中运行函数,从而使它在html元素中响应某些内容的事情。 有没有办法为javascript选择一个特定的编写位置,例如.innerHTML或.createTextNode

我想做的是,单击另一个按钮,在html元素中添加contenteditable=“true”

我之所以想这样做,是因为我有一个段落应该只有在点击一个按钮后才能编辑

很抱歉,我没有为一个示例输入任何代码,但我真的认为没有必要,因为它只是一个段落和一个按钮,因为我不知道javascript应该如何编写。

请参见with&

例如:

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

通过一个简单的jsonclick事件,您可以做到这一点

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

这里有一个答案。

我想你的意思是这样的:

HTML

$(函数(){
$(“#我的按钮”)。单击(函数(){
$(“#myDiv”).prop(“contenteditable”,true);
});
});
#myDiv{
高度:300px;
宽度:300px;
背景:黄色;
}


启用可编辑内容
Yes-使用普通js只需修改元素的innerHtml或使用jquery,您可以使用.html函数修改它。@Daniel Alsaker,您的问题需要格式化,很难阅读。谢谢!这正是我需要的。以前从未使用过setAttribute
<textarea id="c" readonly>Some data</textarea>
<button id="a">
Make editable
</button>
$("#a").on('click', function() {
    $("#c").attr('readonly', false);
});