Question

所以我在思考类似于你在php中如何在html元素中运行一个函数，这样就可以让它在html元素中回显一些东西。有没有办法选择一个特定的地方供javascript用例如.innerHTML或.createTextNode？

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

我想这样做的原因是因为我有一个段落只有在点击按钮后才能编辑。

我很抱歉我没有为代码添加任何代码，但我真的不认为这是必需的，因为它只是一个段落和一个按钮，因为我不知道javascript应该如何写的。

Answer 1

使用简单的js onclick事件，您可以执行此操作

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

这是一个fiddle。

Answer 2

见http://api.jquery.com/attr/#attr2＆amp; https://api.jquery.com/click/

例如：

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

Answer 3

我假设你的意思是这样的：

HTML

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

Javascript（使用jQuery）

$("#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>

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

4 个答案: