javascriptを使用してウェブサイトのdivを非表示にしようとしています。JavaScriptでdivを非表示
HTML：
<div class="portlet-boundary portlet-boundary_39_ portlet-borderless portlet-rss portlet-draggable yui3-dd-drop" id="p_p_id_39_INSTANCE_gUlP5HeyQaiq_">
JAVASCRIPT： キャッチされない例外TypeError：私はこのエラーを得た
document.getElementById('p_39_INSTANCE_gUlP5HeyQaiq').style.display="none";
ヌルのプロパティ 'スタイル' を設定することはできません私はでのLiferayを使用してい
方法。誰かが私の問題がどこにあるか知っていますか？前もって感謝します。
DIVのidがJavaScriptで使用しているものと同じであることを確認する必要があります。
この
<div class="portlet-boundary portlet-boundary_39_ portlet-borderless portlet-rss portlet-draggable yui3-dd-drop" id="p_p_id_39_INSTANCE_gUlP5HeyQaiq_">I AM HIDDEN</div>と、この<div class="portlet-boundary portlet-boundary_39_ portlet-borderless portlet-rss portlet-draggable yui3-dd-drop" id="p_p_id_39_INSTANCE_gUlP5HeyQaiq_">を交換してください。あなたのJavaScriptで
Javascriptを
、IDが同じカントーであることを確認します。原則として
document.getElementById('p_p_id_39_INSTANCE_gUlP5HeyQaiq_').style.display="none";
あなたは入力ミスを報告していますか？それは答えが得られる前に簡単に彼/彼女の投稿を削除するOPを可能にするために、おそらくコメントと、近い理由です。 –
作品罰金：
function hide() {
document.getElementById("p_p_id_39_INSTANCE_gUlP5HeyQaiq_").style.display = "none";
}<div class="portlet-boundary portlet-boundary_39_ portlet-borderless portlet-rss portlet-draggable yui3-dd-drop" id="p_p_id_39_INSTANCE_gUlP5HeyQaiq_">GOODBYE</div>
<button onclick="hide()">Hide</button>あなたはそれがまったく同じ一つだことを確認するためにIDを修正する場合は、チェックするために、他の事は確認することですJS行が呼び出されるまでに<div>が存在することを示します。 <script>を<body>の末尾に移動するか、またはすべてのHTMLがロードされた後にのみコールされることを確認するハンドラで呼び出しをラップして、これを行うことができます。
「うまく動作する」は答えではありません。それは "再現性がない"および/またはコメントに近い投票です。 –
@torazaburo可能な修正を含むように私の答えを編集しました。私はまだ、あなたのことを知っているとアウトの:) –
jsをこれに変更し、すべての要素がロードされた後にjavascriptコードも実行します。すでにIDを修正してもうまくいかない場合は、本文内のすべての要素の後で、本文を閉じる直前にscriptタグを配置してください。
document.getElementById('p_p_id_39_INSTANCE_gUlP5HeyQaiq_').style.display="none"
IDは要素上のIDと同じではありません。 'id =" p_p_id_39_INSTANCE_gUlP5HeyQaiq_ "' –
ありがとう、ただ修正しましたが、それでも動作しません。常にこのメッセージエラー –
一意のIDを持っていることを確認してください。そうしないと、期待どおりに動作しません。 – claudios