助けが要る！以下の入力 ID "j_id0:j_id2:j_id4:j_id54:0:j_id59:0:j_id63" の値を取得しようとしており、次のような jquery と javascript を試しましdocument.getElementById("j_id0:j_id2:j_id4:j_id54:0:j_id59:3:j_id63")たが、null の結果が得られ続けます。IDも変更できません。助けていただければ幸いです
<td class="sf42_cell_bottom_light"><span id="j_id0:j_id2:j_id4:j_id54:0:j_id59:0:j_id61"><input id="j_id0:j_id2:j_id4:j_id54:0:j_id59:0:j_id63" maxlength="200" name="j_id0:j_id2:j_id4:j_id54:0:j_id59:0:j_id63" size="20" type="text" value="717474417"></span></td>
これを使って：
$("[id='j_id0:j_id2:j_id4:j_id54:0:j_id59:0:j_id61']")
ところで、あなたは明らかに JSF を使用しているので、このような恐ろしい ID を避けるために、各コンポーネントに ID を設定することをお勧めします (コンポーネントを追加/削除すると変更される可能性があります)。
詳細については、次のスレッドを参照してください。
私はこのコードをテストしました：
<td class="sf42_cell_bottom_light">
<span id="j_id0:j_id2:j_id4:j_id54:0:j_id59:0:j_id61">
<input id="j_id0:j_id2:j_id4:j_id54:0:j_id59:0:j_id63" maxlength="200" name="j_id0:j_id2:j_id4:j_id54:0:j_id59:0:j_id63" size="20" type="text" value="717474417">
</span>
</td>
<script type="text/javascript">
document.write(document.getElementById("j_id0:j_id2:j_id4:j_id54:0:j_id59:0:j_id63").value);
</script>
FF、IE、Chrome（最新バージョン）で...そして問題なく動作するようです...このIDについてですか？
交換：
document.getElementById("j_id0:j_id2:j_id4:j_id54:0:j_id59:3:j_id63")
と
document.getElementById("j_id0:j_id2:j_id4:j_id54:0:j_id59:0:j_id63")
IDが違います。
要素を制御できますか？それにクラスを追加できますか？
var val= document.getElementsByClassName("TheClassName");
または、クラス sf42_cell_bottom_light (一意の場合) で TD を取得し、次の方法で INPUT 要素を取得できます。
var theTd= document.getElementsByClassName("sf42_cell_bottom_light");
var val = theTD.getElementsByTagName("INPUT");
より良い回答を得るには、HTML をもっと見る必要があります。
colonあなたのIDでエスケープする必要があるかもしれません.So
これを試して
function RemoveInvalidCharacter(myid) {
return '#' + myid.replace(/(:|\.|\[|\])/g, "\\$1");
}
そして、このように呼び出します
$(RemoveInvalidCharacter('j_id0:j_id2:j_id4:j_id54:0:j_id59:0:j_id61'));