我怎样才能得到一个中的元素？

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，但使用

的 ID 而不是 ：

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();或 p.text();

更正：

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

var p = $("#myp"); 

Answer 4

使用 jQuery

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