如何用javascript除去鏈接圖片？

Question

我有一個textarea，我想通過圖像鏈接進入文本區域，然後單擊提交以從圖像中刪除鏈接。

這是我曾嘗試 -

<?php if (isset($_GET['ids'])) { 
    $array = explode("<a href=", $_GET['ids']); 
print_r($array[0]); // piece1 
print_r($array[1]); 
print_r($array[2]); 
print_r($array[3]); 
print_r($array[4]); 

} 

?> 

<form method="get" action=""> 
    <textarea style="width:50%; height:400px;" name="ids"></textarea><br /> 
    <button type="submit">Submit</button> 
</form> 

此鏈接將過去在文本區域

<a href="https://1.bp.blogspot.com/-6W0AHlmD4Bo/WcjgQ5CK2nI/AAAAAAAADw0/OUYgbTg8CJM2saIrbkARgqBmn0aviDiWACLcBGAs/s1600/CIMG3395.jpg" imageanchor="1" ><img border="0" src="https://1.bp.blogspot.com/-6W0AHlmD4Bo/WcjgQ5CK2nI/AAAAAAAADw0/OUYgbTg8CJM2saIrbkARgqBmn0aviDiWACLcBGAs/s1600/CIMG3395.jpg" data-original-width="1024" data-original-height="768" /></a> 

，並導致我點擊提交按鈕下顯示HTML代碼後想，請幫助我，我不要不知道如何開始編寫代碼。

<img border="0" src="https://1.bp.blogspot.com/-6W0AHlmD4Bo/WcjgQ5CK2nI/AAAAAAAADw0/OUYgbTg8CJM2saIrbkARgqBmn0aviDiWACLcBGAs/s1600/CIMG3395.jpg" data-original-width="1024" data-original-height="768" /> 

這是我曾嘗試：

<?php if (isset($_GET['ids'])) { 
    $array = explode("<a href=", $_GET['ids']); 
    print_r($array[0]); 
    //piece1 
    print_r($array[1]); 
    print_r($array[2]); 
    print_r($array[3]); 
    print_r($array[4]); } 
?> 
    <form method="get" action=""> 
    <textarea style="width:50%; height:400px;" name="ids"></textarea> 
    <br /> 
    <button type="submit">Submit</button> 
    </form> 

Answer 1

其簡單的刪除的一個標籤

<img border="0" src="https://1.bp.blogspot.com/-6W0AHlmD4Bo/WcjgQ5CK2nI/AAAAAAAADw0/OUYgbTg8CJM2saIrbkARgqBmn0aviDiWACLcBGAs/s1600/CIMG3395.jpg" data-original-width="1024" data-original-height="768" /> 

<form action="/action_page.xxx" onsubmit="myFunction()"> 
    Enter name: <input type="text" name="fname"> 
    <input type="submit" value="Submit"> 
</form> 

<script> 
function myFunction() { 
    alert("The form was submitted"); 
} 
</script> 

刪除標籤：

<script> 
var atagid = <?php echo $_GET['ids'];?>; 
function myFunction() { 
     alert("The form was submitted"); 
     $("atagid").removeAttr("href"); 
    } 
</script> 

Answer 2

首先你應該添加IMG到一個變量然後刪除鏈接，並添加變量的鏈接例如容器：

 \t $("#b").click(function(){ 
 
    \t \t var img = $("#link_img"); 
 
    \t \t 
 
    \t \t $("#link").remove(); 
 
    \t \t $("#container").html(img); 
 
    \t \t 
 
    \t })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="container"> 
 
    <a id="link" href="https://1.bp.blogspot.com/-6W0AHlmD4Bo/WcjgQ5CK2nI/AAAAAAAADw0/OUYgbTg8CJM2saIrbkARgqBmn0aviDiWACLcBGAs/s1600/CIMG3395.jpg" imageanchor="1" ><img border="0" id="link_img" src="a.jpg" data-original-width="1024" data-original-height="768" /></a> 
 
    
 
    </div> 
 
    <button id="b">submit</button> 
 
    
 
    <script> 
 

 
    </script>