さらにいくつかの単語: HTML ファイルの先頭に JavaScript を置くと、Firefox は次のエラーを報告します:
document.getElementById("child") にはプロパティがありません
IE は次のとおりです:
オブジェクトは必須です
その理由は、JavaScript をサポートするすべてのブラウザーは、DOM を完全に解析する前に JavaScript を実行するため、ほとんどの JavaScript は適切に実行するために、関数内にラップする必要があるためです。たとえば、ドキュメントが読み込まれた後に関数を呼び出します。
に追加します。
parentNode、parentElement、childNode、および子の違いは何ですか?
parentNode はparentElementと同じ機能を持ち、childNodes は子と同じ機能を持ちます。ただし、parentNode と childNode は W3C 標準に準拠しており、比較的汎用的であると言えます。他の 2 つは標準ではなく IE でのみサポートされており、Firefox ではサポートされていません
----------------------------------------------- --- ----------
つまり、parentElementとchildrenはIE独自のものであり、他では認識されません。
----------------------------------------------- --- ----------
以下は簡単な説明です。個々の単語の違いに注意してください。
parentElement プロパティ: オブジェクト階層内の親オブジェクトを取得します。
childNodes:
children:
parentElementparentNode.parentNode.childNodes の使用例
最初のメソッド
</ TITLE><br><META NAME="ジェネレータ" C><BR><META NAME="著者" C><BR><META NAME="キーワード" C><BR><META NAME=" 説明" C><br><SCRIPT LANGUAGE="JavaScript"><br><!--<BR>var row = -1;<BR>function showEdit(obj){<BR>var cell2 = obj .parentNode.parentNode.childNodes[1];<BR>var rowIndex = obj.parentNode.parentNode.rowIndex;<BR>cell2.innerHTML = "<input type='text' value='" cell2.innerHTML "'> ;";<BR>if(row != -1){<BR>var oldCell2 = document.getElementById("tb").rows[row].cells[1];<BR>oldCell2.innerHTML = oldCell2.childNodes [0].value;<BR>}<BR>row = rowIndex;<BR>}<BR>//--><br></SCRIPT><br></HEAD><br><BODY><br><TABLE id="tb"><br><TR><br><TD><input type="radio" name="rad">< /TD><BR><TD><BR><TD>gt;</TD><BR></TR><BR><TR><BR><TD>< ;input type ="radio" name="rad"></TD><br><TD></TD><br><TD></TD><br></TR> ;<br><TR><br><TD><input type="radio" name="rad"></TD><br><TD></TD><br> <TD> ;</TD><BR><BR><BR><BR> <BR> 2 番目の方法<BR></div><BR><STRONG><BR></STRONG>コードをコピー<div class="codetitle"><span><a style="CURSOR: pointer" data="79486" class="copybut" id="copybut79486" onclick="doCopy('code79486')"> コードは次のとおりです。<U><div class="codebody" id="code79486"><BR><table border=1 width=100%><br><tr><br> <td><input name=m type=checkbox></td><br> <td>1111</td><br> <td><input name=aaa value="222" 無効></td><br> <td><input name=bbb value= 「333」無効></td><br></tr><br><tr><br> <td><input name=m type=checkbox></td><br> <td>1111</td><br> <td><input name=aaa value="222" 無効></td><br> <td><input name=bbb value= 「333」無効></td><br></tr><br><tr><br> <td><input name=m type=checkbox></td><br> <td>1111</td><br> <td><input name=aaa value="222" 無効></td><br> <td><input name=bbb value= "333" 無効></td><br></tr><br></table><br><スクリプト言語="JavaScript"><br>関数 mm(e)<br> {<br>var currentTr=e.parentElement.parentElement;<br>var inputObjs=currentTr.getElementsByTagName("input");<br>for(var i=0;i<inputobjs.length>{ <br> if(inputObjs[i ]==e) continue;<br> inputObjs[i ].disabled=!e.checked;<br>}<br>}<br></SCRIPT><br></inputobjs.length>
</div>
<br>获取HTML中の父制御件メソッド<br><div class="codetitle">
<span><a style="CURSOR: pointer" data="61733" class="copybut" id="copybut61733" onclick="doCopy('code61733')"><u>复制代</u></a></span>代码如下:</div>
<div class="codebody" id="code61733">
<br> function setvalue(v,o)<br> { <br> //var obj=document.getElementById(''batchRate'');<br> //windows.<br> alert(o.parentNode.innerHTML);
<p> アラート(o.parentNode); //parentNode此处也是获取父控件</p>
<p> アラート(o.parentElement); //parentElement此处も获取父控件</p>
<p> アラート(o.parentElement.parentNode); //parentElement.parentNode此处也是获取父控件</p>
<p> //o.parentNode.bgColor="red";<br><br> o.parentElement.parentNode.bgColor="red";<br> }<br></p>
</div>
<br>实例:<br><div class="codetitle">
<span><a style="CURSOR: pointer" data="88436" class="copybut" id="copybut88436" onclick="doCopy('code88436')"><u>复制代码</u></a></span>代码如下:</div>
<div class="codebody" id="code88436">
<br><html><br><head><br> <meta http-equiv="Content-Language" c><br><meta http-equiv="Content-Type" c><br><title>新建网页 1 < /head>
<script><br> function setvalue(v,o)<br> { <br> //var obj=document.getElementById(''batchRate'');<br> //windows. <br> alert(o.parentNode.innerHTML);
<p> alert(o.parentNode);</p>
<p> alert(o.parentElement);</p>
<p> //o.parentNode.bgColor="red";<br><br> o.parentElement.parentNode.bgColor="red";<br> }<br></script>
< body>
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
誰がより多くのPythonまたはJavaScriptを支払われますか？
Apr 04, 2025 am 12:09 AM
スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。
javascriptの分解：それが何をするのか、なぜそれが重要なのか
Apr 09, 2025 am 12:07 AM
JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1）イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2）動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3）非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。
JavaScriptは学ぶのが難しいですか？
Apr 03, 2025 am 12:20 AM
JavaScriptを学ぶことは難しくありませんが、挑戦的です。 1）変数、データ型、関数などの基本概念を理解します。2）非同期プログラミングをマスターし、イベントループを通じて実装します。 3）DOM操作を使用し、非同期リクエストを処理することを約束します。 4）一般的な間違いを避け、デバッグテクニックを使用します。 5）パフォーマンスを最適化し、ベストプラクティスに従ってください。
See all articles
ウェブフロントエンド
