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

-1

所以我想到了一些类似于你如何在PHP中运行html元素中的函数的方法，并且以这种方式让它在html元素中回显一些东西。有没有一种方法可以选择一个特定的地方为javascript写例如.innerHTML或.createTextNode？如何在html元素的标签中编写内容JavaScript

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

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

我很抱歉，我没有为示例放置任何代码，但我并不真的认为这是必要的，因为它只是一个段落和一个按钮，因为我不知道javascript应该写出来。

来源

2016-09-29 Daniel Alsaker

是 - 使用普通JS只需修改元素的innerHtml或使用jQuery，你可以使用.html函数修改它。 –

@Daniel Alsaker，你的问题需要格式化，这很难阅读。 – TolMera

用一个简单的js onclick事件，你可以做到这一点

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

这里是这个一个fiddle。

来源

2016-09-29 07:32:48 vert3x

谢谢！这正是我需要的。之前从未使用过setAttribute –

看到http://api.jquery.com/attr/#attr2 & https://api.jquery.com/click/

的为例：

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

来源

2016-09-29 07:31:29 Nico

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

HTML

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

的JavaScript（用jQuery）

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

来源

2016-09-29 07:33:52

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

来源

2016-09-29 07:33:53

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

回答

相关问题