完成在HTML表中的CEL的替代

-1

<table id="myTable"> 
    <tr> 
     <td class="1">cell 1</td> 
     <td class="2">cell 2</td> 
    </tr> 
    <tr> 
     <td class="3">cell 3</td> 
     <!-- from here --> 
     <td class="4">cell 4</td> 
     <!-- to here --> 
    </tr> 
</table>

我需要的是從小區4在JavaScript中更換所有的代碼，我的意思是更換

<td class="4">cell 4</td>

與

<td id="8" class="3" title="important">cell 4</td>

我嘗試這樣做：

var cell = document.getElementById("myTable").rows[1].cells; 
cell[1] = newCode;

來源

2017-08-29 Pedro Joaquín

_「是否有可能？」_是的。你有什麼嘗試？ – j08691

是的，你堅持解決它嗎？請告訴我們你試過了什麼？ – kukkuz

所以刪除元素並追加一個新的td。 – epascarello

-1

你可以使用JQuery。是這樣的：http://api.jquery.com/replacewith/

希望它可以幫助

編輯：

在您的例子，你可以使用這樣的事情：

$(".4").replaceWith("<td id="8" class="3" tittle="important">cell 4</td>");

來源

2017-08-29 14:26:24 Bolphgolph

雖然此鏈接可能回答問題，但最好在此處包含答案的基本部分，並提供供參考的鏈接。如果鏈接頁面更改，則僅鏈接答案可能會失效。 - [來自評論]（/ review/low-quality-posts/17178310） – EJoshuaS

@EJoshuaS感謝您的反饋。我清除它 – Bolphgolph

function myFunction() { 
 
    var h1 = document.getElementsByClassName("4")[0]; 
 
    var atttittle = document.createAttribute("tittle"); 
 
    atttittle.value = "important"; 
 
    h1.setAttributeNode(atttittle); 
 
    var attid = document.createAttribute("id"); 
 
    attid.value = "8"; 
 
    h1.setAttributeNode(attid); 
 
    var attclass = document.createAttribute("class"); 
 
    attclass.value = "3"; 
 
    h1.setAttributeNode(attclass); 
 
    var element=document.getElementById("8"); 
 
     alert(element.outerHTML); 
 
}

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
</head> 
 
<body> 
 
<table id="myTable"> 
 
    <tr> 
 
     <td class="1">cell 1</td> 
 
     <td class="2">cell 2</td> 
 
    </tr> 
 
    <tr> 
 
     <td class="3">cell 3</td> 
 
     <td class="4">cell 4</td> 
 
    </tr> 
 
</table> 
 
<button onclick="myFunction()">Click here replace </button> 
 
</body> 
 
</html>

對不起前answer.I改爲JavaScript

來源

2017-08-29 15:00:24

我沒有看到問題 – j08691

@ j08691上的jQuery標記，對不起以前的答案。我已經更改爲JavaScript，如何檢查，我希望這是有用的 –

完成在HTML表中的CEL的替代

回答

相關問題