0

我想得到一个“td”内的“p”元素。我怎么才能得到它?我的代码是:

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

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

4

4 回答 4

7

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

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

这是一个 jsFiddle 显示它的工作。

于 2010-09-24T09:49:58.900 回答
2

document.getElementById("myp")

如果您输出有效的 HTML,则您用于 DOM 元素的 ID 对于整个文档应该是唯一的。因此,您可以做这样简单的事情。如果这不起作用(使用此 ID 获得更多元素),请改为处理该问题。ID 应该是唯一的。

于 2010-09-24T09:51:14.330 回答
0

你也可以试试这个 jQuery:

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

然后就可以获取html或者textp.html(); or p.text();

更正:

我不认为td#anyid(标签名称是多余的)是必要的,因为 ID 在文档中是唯一的,只有在您使用类时才需要它们,所以我认为应该这样做(如果您使用 jQuery):

var p = $("#myp"); 
于 2010-09-24T10:16:40.297 回答
-1

with jQuery

$("p[id$='myp']")
于 2010-09-24T09:53:04.990 回答