我如何獲得 <p> 元素 <td> ？

Question

我想在“ td”中獲取一個“ p”元素。 我怎么才能得到它？ 我的代碼是：

 <td id="mytd"> 
    <p> aaaa </p>
    <p> bbbbb </p>
    <p id="myp"> cccc </p> 
 </td>

我可以使用td。 document.getElementById("mytd") ，但我不知道如何使用id="myp"獲得p。

Answer 1

只需使用完全相同的代碼getElementById ，但使用<p>的ID而不是<td> ：

var p = document.getElementById("myp");
p.style.background = "#000";
p.style.color= "#FFF";

這是一個顯示其工作原理的jsFiddle。

Answer 2

document.getElementById("myp")

如果輸出有效的HTML，則用於DOM元素的ID在整個文檔中應該是唯一的。 因此，您可以做這樣簡單的事情。 如果這不起作用（使用此ID獲取更多元素），請改為處理該問題。 ID應該是唯一的。

Answer 3

您也可以嘗試使用此jQuery：

var p = $("td#mytd p#myp");

然后您可以獲取html或文本p.html(); or p.text(); p.html(); or p.text();

校正：

我認為td#anyid （標記名稱是多余的）不是必需的，因為ID在文檔中是唯一的，只有在使用類時才需要ID，所以我認為應該這樣做（如果使用jQuery）：

var p = $("#myp"); 

Answer 4

與jQuery

$("p[id$='myp']")