如何在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

回答

相關問題