我想得到一个“td”内的“p”元素。我怎么才能得到它?我的代码是:
<td id="mytd">
<p> aaaa </p>
<p> bbbbb </p>
<p id="myp"> cccc </p>
</td>
我可以使用 td。document.getElementById("mytd")
,但我不知道如何获得 p id="myp"
。
我想得到一个“td”内的“p”元素。我怎么才能得到它?我的代码是:
<td id="mytd">
<p> aaaa </p>
<p> bbbbb </p>
<p id="myp"> cccc </p>
</td>
我可以使用 td。document.getElementById("mytd")
,但我不知道如何获得 p id="myp"
。
只需使用完全相同的代码getElementById
,但使用的 ID<p>
而不是<td>
:
var p = document.getElementById("myp");
p.style.background = "#000";
p.style.color= "#FFF";
document.getElementById("myp")
如果您输出有效的 HTML,则您用于 DOM 元素的 ID 对于整个文档应该是唯一的。因此,您可以做这样简单的事情。如果这不起作用(使用此 ID 获得更多元素),请改为处理该问题。ID 应该是唯一的。
你也可以试试这个 jQuery:
var p = $("td#mytd p#myp");
然后就可以获取html或者textp.html(); or p.text();
更正:
我不认为td#anyid
(标签名称是多余的)是必要的,因为 ID 在文档中是唯一的,只有在您使用类时才需要它们,所以我认为应该这样做(如果您使用 jQuery):
var p = $("#myp");
with jQuery
$("p[id$='myp']")