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

まったく同じコードを使用しますが、 の代わりに のgetElementByIdID を使用します。<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またはテキストを取得できますp.html(); or p.text();

修正 ：

ID はドキュメント内で一意であるため、クラスを使用している場合にのみ必要なので (jQuery を使用する場合) は必要ないと思いtd#anyidます (jQuery を使用する場合) :

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

jQueryで

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