如何在？</p>中获得<p>元素

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";

Here's a jsFiddle showing it working.

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();

更正：

我不认为td#anyid（标签名称是多余的）是必要的，因为ID在文档中是唯一的，只有在你使用类时才需要这些，所以我认为应该这样做（如果你使用jQuery）：

var p = $("#myp"); 

Answer 4

使用jQuery

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